无法在引导程序中居中按钮组

时间:2014-10-01 11:58:36

标签: twitter-bootstrap

有人知道引导程序中的css lib是否以一组按钮为中心?

<ul class="nav nav-tabs" class="nav navbar-nav " role="tablist">
    <div class="center-block" class="btn-group">
        <button type="button" class="btn btn-default">5</button>
        <button type="button" class="btn btn-default">7ا</button>
        <button type="button" class="btn btn-default">2</button>
        <button type="button" class="btn btn-default">8</button>
        <button type="button" class="btn btn-default">9</button>
    </div>
</ul>

1 个答案:

答案 0 :(得分:4)

只需将text-center添加到父元素

即可

DEMO

<ul class="nav nav-tabs" class="nav navbar-nav " role="tablist">
    <div class="text-center" class="btn-group">
        <button type="button" class="btn btn-default">5</button>
        <button type="button" class="btn btn-default">7ا</button>
        <button type="button" class="btn btn-default">2</button>
        <button type="button" class="btn btn-default">8</button>
        <button type="button" class="btn btn-default">9</button>
    </div>
</ul>

但是您的标记无效。您在同一元素上有两个类声明。第二个将被忽略。此外,ul唯一有效的直接后代元素是li s