Bootstrap Grid工作不正常

我爲我的Rails安裝了Bootstrap，並決定嘗試製作網格。這是我的代碼。Bootstrap Grid工作不正常

<div class="row"> 
    <div class="span4"> 
    <h1>About the Creator</h1> 
     <p> 

     </p> 
    </div> 

     <div class="span8"> 
     <h1>About the Site</h1> 
      <p> 

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

This就是它的樣子。正如你所看到的，它在2行中，但它應該在2列。據我所知，代碼本身似乎沒有任何問題。我不認爲我在安裝過程中犯了一個錯誤，因爲當我安裝引導程序時，它會自動將我的web應用程序風格化。任何幫助？

來源

2015-08-16 TredOut

您使用的是什麼版本的引導程序？在最新版本的引導的語法<tag class="col-xs-4">而非<tag class="span4">

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="row"> 
 
    <div class="col-xs-4"> 
 
    <h1>About the Creator</h1> 
 
     <p> 
 

 
     </p> 
 
    </div> 
 

 
     <div class="col-xs-8"> 
 
     <h1>About the Site</h1> 
 
      <p> 
 

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

來源

2015-08-16 15:27:23 user156213

非常感謝！這固定了它。我正在使用最新的版本，但是教程還沒有更新，我猜。 – TredOut

沒問題！如果你正在尋找一個更新的教程，我會看看http://getbootstrap.com/css/，我認爲它清楚地闡明瞭這些概念。 – user156213

有您能以指定列大小使用4類：

col-xs-# 
col-sm-# 
col-md-# 
col-lg-#

他們介紹了這麼您可以讓列在不同平臺上具有不同屏幕部分。例如，您可能希望自己的主要內容在手機上佔用12列，而不是10列。要做到這一點：

<div class="row"> 
    <div class="col-xs-12 col-md-10"> 
     Content 
    </div> 
</div>

來源

2015-08-16 16:46:54

Bootstrap Grid工作不正常

回答

相關問題