html - 跨度加起来为 12，但不适合行 Bootstrap

Question

我真的很受 Twitter Bootstrap 的困扰。我有以下跨度，加起来为 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>

这是我得到的...

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>