html - 跨度总计为12，但不适合行 bootstrap

我真的在Twitter引导中挣扎。我有以下跨度，总计为12，但是第三项出现在单独的行上。

<div class="container">
<div class="row">

        <div class="span6 offset6">

                <div class="span2">Contact</div>
                <div class="span2">About Us</div>
                <div class="span2">Blog</div>



</div>
</div>
</div>

这就是我得到的...

最佳答案

您的错字是span 6，应该是span6

<div class="span 6 offset6">

应该：

<div class="span6 offset6">

否则，将在您的三个span3的左侧放置一个小div，从而将它们向侧面移动一点。

已更新：您需要将div放在其单独的row或row-fluid div中，以正确对齐它们。

<div class="row">
    <div class="span6 offset6"></div>
</div>
<div class="row">
    <div class="span3"></div>
    <div class="span3"></div>
    <div class="span3"></div>
</div>

关于html - 跨度总计为12，但不适合行 bootstrap ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23810707/