Question

I thought text-align works in Twitter Bootstrap but it doesn’t? I’m not sure what’s going on. Is there an alternative to centering or am I just going to have to use margin? Sorry for the overkill with the style text-align. I just wanted to make sure I wasn’t missing anything.

<div class="row-fluid span12" style="text-align:center;">
    <ul class="nav nav-pills" style="text-align:center;">
        <li style="text-align:center;">Skills</li>
        <li style="text-align:center;">Music</li>
        <li style="text-align:center;">Things I Read</li>
    </ul>
</div> 

Answer 1

I think it might be because bootstrap sets the anchors to be display: block. Text alignment works on inline and inline-block elements. Have you otherwise customized the bootstrap css? The nav pills should have the text centered anyway, unless you’ve specified a width, because it should just be adding even padding to the block-level anchor element.