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

Answer 2

请验证您的引导版本。在bootstrap 3.0中，英雄单位被“jumbotron”取代

Answer 3

我注意到您输入了bootstrap-theme.min.css，所以我认为您使用的是Bootstrap 3。

但是您的代码显示您使用的是Bootstrap 2样式。

所以，只需改变班级＆＃39;英雄单位＆＃39;到了＆＃39; jumbotron＆＃39;在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>

Bootstrap不显示＆＃34; Hero-Unit＆＃34;类

3 个答案: