span4班級與twitter引導不起作用

我是web dev新手，現在我正在使用Twitter Bootstrap。我想創建使用此代碼我的網頁上3列：span4班級與twitter引導不起作用

<div class="container"> 
    <div class="row"> 
      <div class="span4"> 
       <h4 class="muted text-center">About me</h4> 
       <p>Sample Text1.</p> 
       <a href="#" class="btn"><i class="icon-user"></i> Text1</a> 
      </div> 
      <div class="span4"> 
       <h4 class="muted text-center">About you</h4> 
       <p>Sample Text2</p> 
       <a href="#" class="btn btn-success"><i class="icon-star icon-white"></i> Text2</a> 
      </div> 
      <div class="span4"> 
       <h4 class="muted text-center">About Us</h4> 
       <p>Sample Text3</p> 
       <a href="#" class="btn btn-info">Text3</a> 
      </div> 
     </div> 
</div>

我已經看了無數的例子和測試它在我的網頁上，但他們似乎並不管用。該代碼將所有文本輸出到另一個上面，並且不會將其劃分爲同一行中的列。

我需要以某種方式更改bootstrap.css文件嗎？默認的不包含span4類或任何東西。

來源

2013-12-22 Yi Son

您使用哪種引導版本？ – oztecnic

假設您可能已經摸索出了用於引導和語法的庫。（發生在我而回）

作爲自舉3.0 ... spanX已經貶值，相反，col-xx-##現在使用其中xx可以lg，md，sm或xs和#範圍是從1至12個

所以在你的上面的HTML標記改變<div class="span4">到<div class="col-xs-6 col-md-4">，它應該工作

看到演示here 見 docs here on how to use it

此外，如果您使用版本2.xx的bs ...我建議您轉到最新的3.0版本，該解決方案基於此！

來源

2013-12-22 10:01:10 NoobEditor

他們爲什麼改變systax？（而不是提供回退!!）sapnX系統更加直觀和簡單。至少提供後備？ – Jon

@Jon：我認爲，他們改變了，因爲新的佈局提供了更好的方式來覆蓋瀏覽器的寬度！ :) – NoobEditor

哦廢話...改變100 +意見。 – juFo

我認爲你正在使用Bootstrap 3和Bootstrap 2的類。在上一個版本中，網格類名已經更改，請參閱documentation。

來源

2013-12-22 09:50:14 LeBen

span4班級與twitter引導不起作用

回答

相關問題