html - Bootstrap 不显示 "Hero-Unit"类

Question

我正在尝试在我的页面中创建Hero Unit，我使用了以下代码，但它没有显示英雄单元。请指导我在这里缺少什么。

我包含了 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>

Answer 1

在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