bootstrap 3 jumbotron bs标题下

我更新我的网站引导3，我有一个问题，我已经添加了我的导航栏和标题，但是当我尝试添加一个jumbotron它出现在bs标题dono为什么它我检查每一件事情，如果我的div被关闭，他们播种，如果有人可以打电话给我，我做错了什么？bootstrap 3 jumbotron bs标题下

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta name="description" content=""> 
    <meta name="author" content="HyperGainZ"> 

    <title> My Mod Pack &middot; MMP </title> 

    <!-- Bootstrap core CSS --> 
    <link href="assets/css/bootstrap-simplex.css" rel="stylesheet"> 
    <link href="assets/css/bootstrap-simplex.min.css" rel="stylesheet"> 

    <!-- Documentation extras --> 
    <link href="assets/css/docs-index.css" rel="stylesheet"> 
    <link href="assets/css/pygments-manni.css" rel="stylesheet"> 

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 
    <!--[if lt IE 9]> 
    <script src="../../assets/js/html5shiv.js"></script> 
    <script src="../../assets/js/respond.min.js"></script> 
    <![endif]--> 

    <!-- Favicons --> 
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144.png"> 
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114.png"> 
     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72.png"> 
         <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57.png"> 
          <link rel="shortcut icon" href="../assets/ico/favicon.png"> 

</head> 

<body> 

<div class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <a href="../" class="navbar-brand">MMP</a> 
       <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
     </div> 
     <div class="navbar-collapse collapse" id="navbar-main"> 
      <ul class="nav navbar-nav"> 
       <li class="active"> 
       <a href="/">Home</a> 
       </li> 
       <li class="dropdown"> 
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" id="download">Dropdown <span class="caret"></span></a> 
        <ul class="dropdown-menu" aria-labelledby="download"> 
         <li><a tabindex="-1" href="#">1</a></li> 
         <li><a tabindex="-1" href="#">2</a></li> 
         <li class="divider"></li> 
         <li><a tabindex="-1" href="#">3</a></li> 
         <li><a tabindex="-1" href="#">4</a></li> 
        </ul> 
       </li> 
      </ul> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="#">Sign Up</a></li> 
       <li class="divider"></li> 
       <li><a href="#">Sign In</a></li> 
      </ul> 
     </div>  
    </div> 
    <div class="bs-header" id="content"> 
     <div class="container"> 
      <br /> 
       <img src="assets/img/index.jpeg" class="img-circle" width="125px" height="125px"alt="Sevadus" align="left"> 
       <h1>MMP</h1> 
       <p class="lead">My Mod Pack</p></img> 
       <div id="carbonads-container"> 
        <div class="carbonad"> 
         <div id="azcarbon">      
          <h4>Site Version : <span class="badge badge-success">Alpha</span></h4> 
          <h4>Head Of Project : <span class="badge badge-info">HyperGainZ</span></h4> 
          <h4>acepting Beta's : <span class="badge badge-success">Yes</span></h4> 
          <h4>Public Launcher : <span class="badge badge-primary">Not Yet</span></h4>      
         </div> 
        </div> 
       </div> 
     </div> 
    </div> 
</div> 

    <div class="container"> 
     <div class="row"> 
      <div class="col-lg-12 jumbotron"> 
       <h1>Pack Assembler</h1> 
       <p>Managing Mods, Packs, and Servers easily and efficiently.</p> 
       <p> 
       <a href="#" class="btn btn-primary btn-large">Get Started <i class="icon-double-angle-right"></i></a> 
       </p> 
      </div> 
     </div> 
    </div> 




    <!-- Placed at the end of the document so the pages load faster --> 
    <script src="assets/js/jquery.js"></script> 
    <script src="assets/js/bootstrap.min.js"></script> 

</body>

来源

2013-10-06 HyperGainZ

因为你含内.navbar-fixed-top.bs-header你需要使用的顶部填充等于你的导航栏的静态高度，在body。

从bootstrap documentation：

固定的导航栏将覆盖其他内容，除非你加填充到的顶部。提示：默认情况下，导航栏高50px 。

来源

2013-10-06 14:08:50 Adrift

不，我忘记它关闭在bs标题下，所以标题是坚持导航栏图片：[链接]（http://screencloud.net/v/gAvv） – HyperGainZ

thx很多@adrift我该css文件是填充只有50像素，现在它的300 – HyperGainZ

bootstrap 3 jumbotron bs标题下

回答

相关问题