title: bootstrap 3 jumbotron under bs-header
body: <p>i'm updating my site to bootstrap 3 and i have a problem i have added my navbar and header but when i try to add a jumbotron it appears under the bs-header dono why it does that i check every thing if my div are closed and they are sow if some one can tel me what i'm doing wrong ? </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="author" content="HyperGainZ"&gt;
  
      &lt;title&gt; My Mod Pack &amp;middot; MMP &lt;/title&gt;
  
      &lt;!-- Bootstrap core CSS --&gt;
      &lt;link href="assets/css/bootstrap-simplex.css" rel="stylesheet"&gt;
      &lt;link href="assets/css/bootstrap-simplex.min.css" rel="stylesheet"&gt;
  
      &lt;!-- Documentation extras --&gt;
      &lt;link href="assets/css/docs-index.css" rel="stylesheet"&gt;
      &lt;link href="assets/css/pygments-manni.css" rel="stylesheet"&gt;
  
      &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!--[if lt IE 9]&gt;
      &lt;script src="../../assets/js/html5shiv.js"&gt;&lt;/script&gt;
      &lt;script src="../../assets/js/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  
      &lt;!-- Favicons --&gt;
      &lt;link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144.png"&gt;
      &lt;link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114.png"&gt;
          &lt;link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72.png"&gt;
                          &lt;link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57.png"&gt;
                              &lt;link rel="shortcut icon" href="../assets/ico/favicon.png"&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div class="navbar navbar-default navbar-fixed-top"&gt;
      &lt;div class="container"&gt;
          &lt;div class="navbar-header"&gt;
              &lt;a href="../" class="navbar-brand"&gt;MMP&lt;/a&gt;
                  &lt;button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main"&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/button&gt;
          &lt;/div&gt;
          &lt;div class="navbar-collapse collapse" id="navbar-main"&gt;
              &lt;ul class="nav navbar-nav"&gt;
                  &lt;li class="active"&gt;
                  &lt;a href="/"&gt;Home&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li class="dropdown"&gt;
                      &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#" id="download"&gt;Dropdown &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                      &lt;ul class="dropdown-menu" aria-labelledby="download"&gt;
                          &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;1&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;2&lt;/a&gt;&lt;/li&gt;
                          &lt;li class="divider"&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;3&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a tabindex="-1" href="#"&gt;4&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
              &lt;ul class="nav navbar-nav navbar-right"&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Sign Up&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="divider"&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Sign In&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;    
      &lt;/div&gt;
      &lt;div class="bs-header" id="content"&gt;
          &lt;div class="container"&gt;
              &lt;br /&gt;
                  &lt;img src="assets/img/index.jpeg" class="img-circle" width="125px" height="125px"alt="Sevadus" align="left"&gt;
                  &lt;h1&gt;MMP&lt;/h1&gt;
                  &lt;p class="lead"&gt;My Mod Pack&lt;/p&gt;&lt;/img&gt;
                  &lt;div id="carbonads-container"&gt;
                      &lt;div class="carbonad"&gt;
                          &lt;div id="azcarbon"&gt;                     
                              &lt;h4&gt;Site Version : &lt;span class="badge badge-success"&gt;Alpha&lt;/span&gt;&lt;/h4&gt;
                              &lt;h4&gt;Head Of Project : &lt;span class="badge badge-info"&gt;HyperGainZ&lt;/span&gt;&lt;/h4&gt;
                              &lt;h4&gt;acepting Beta's : &lt;span class="badge badge-success"&gt;Yes&lt;/span&gt;&lt;/h4&gt;
                              &lt;h4&gt;Public Launcher : &lt;span class="badge badge-primary"&gt;Not Yet&lt;/span&gt;&lt;/h4&gt;                     
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-lg-12 jumbotron"&gt;
                  &lt;h1&gt;Pack Assembler&lt;/h1&gt;
                  &lt;p&gt;Managing Mods, Packs, and Servers easily and efficiently.&lt;/p&gt;
                  &lt;p&gt;
                  &lt;a href="#" class="btn btn-primary btn-large"&gt;Get Started &lt;i class="icon-double-angle-right"&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
  
  
      &lt;!-- Placed at the end of the document so the pages load faster --&gt;
      &lt;script src="assets/js/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="assets/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p></p>