跨度加起来为12但不适合行引导

Question

我真的在与twitter bootstrap挣扎。我有以下跨度，最多可添加12个，但是thrid项目显示在单独的行中。

<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>

这是我得到的......

Answer 1

您的拼写错误为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>