Bootstrap不顯示「英雄單位」類

我想在我的頁面中創建Hero Unit，我已經使用了下面的代碼，但它沒有顯示英雄單位。請引導我在這裏失去的東西。Bootstrap不顯示「英雄單位」類

我已包含bootstrap.min.css和bootstrap-theme.min.css。

<div class="hero-unit">   
      <div class="col-xs-8 col-xs-offset-4"> 
       <h1>Skills Management System</h1> 
       <P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
        Find the Best Skills for any of your Project</P> 
      </div>  
     </div>

來源

2014-10-09 user3480644

這裏發佈您的問題之前，請先閱讀引導文件。 – 2014-10-09 11:55:15

它已Bootstrap 3被取代jumbotron。此外，請確保您的col..被放置在row內..

<div class="jumbotron"> 
    <div class="row"> 
     <div class="col-xs-8 col-xs-offset-4"> 
     <h1>Skills Management System</h1> 
     <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
     Find the Best Skills for any of your Project</p> 
    </div>  
    </div> 
</div>

http://www.bootply.com/BGzdeYeguk

來源

2014-10-09 11:54:14 ZimSystem

非常感謝，現在工作完全正常了..我想在div上畫一個邊框？我怎樣才能實現這個使用引導？ – user3480644 2014-10-09 12:09:21

請確認您的引導版本。在引導3.0英雄單位由「超大屏幕」

來源

2014-10-09 11:56:27 Bln

我正在使用3.0.2 – user3480644 2014-10-09 12:12:27

我注意到，你inputed bootstrap-theme.min.css取代，所以我認爲你正在使用Bootstrap 3。

但是你的代碼顯示你使用的是Bootstrap 2風格。

所以，只要這個類的英雄單位「更改爲這是在Boostrap 3改變「超大屏幕」：

<div class="jumbotron"> 
    <h1>Skills Management System</h1> 
    <P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    Find the Best Skills for any of your Project</P> 
</div>

來源

2014-10-09 12:01:20 Tony

'col-xs- ..'也意味着正在使用Bootstrap 3.x。 – ZimSystem 2014-10-09 12:03:38

Bootstrap不顯示「英雄單位」類

回答

相關問題