無法將三個span4元素放入span12容器

Question

我仍然在學習Twitter Bootstrap，但我有一個奇怪的問題。我之前使用過960gs，從來沒有這樣的問題。所以，我想將三個.span3元素放入.span12容器中。我的代碼如下：

   <ul class="dropdown-menu span12 row"> 
        <li class="span4">asd</li> 
        <li class="span4">asd</li> 
        <li class="span4">asd</li> 
       </ul> 

我不明白，爲什麼最後.span4元素倒下。我認爲第一個元素將會使其margin-left無效或什麼。我做錯了什麼？

整個代碼：http://jsfiddle.net/KPzBH/1/

Answer 1

而我解決了它。有點多的代碼，但只使用Bootstrap的類並沒有額外的寬度定義。

這就是：

<li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#">gry <b class="caret"></b></a> 
         <ul class="dropdown-menu span12"> 
          <li> 
           <div class="row"> 
            <div class="span3 offset1"> 
             <ul> 
              <li>asd</li> 
              <li>sss</li> 
              <li>bb</li> 
             </ul> 
            </div> 
            <div class="span3"> 
             <ul> 
              <li>asd</li> 
              <li>sss</li> 
              <li>bb</li> 
             </ul> 
            </div> 
            <div class="span3"> 
             <ul> 
              <li>asd</li> 
              <li>sss</li> 
              <li>bb</li> 
             </ul> 
            </div> 
           </div> 
          </li> 
         </ul> 
        </li> 

Answer 2

應該是錯誤的

<li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#">gry <b class="caret"></b></a> 
     <ul class="dropdown-menu row-fluid"> 
      <li class="span4">asd</li> 
      <li class="span4">asd</li> 
      <li class="span4">asd</li> 
     </ul> 
</li> 

演示：Fiddle

由於您使用的是span12作爲父母，我會建議你刪除row和將其替換爲dropdown-menu行

Answer 3

添加類「排液」的DIV，而不是「行」 ......