Css Bootstrap 3全宽Jumbotron外部容器后<；标题>；

从Bootstrap 3开始，并逐渐习惯它

我从Bootstrap 3文档中复制了导航栏，因为它具有我想要的确切功能，为什么要发明轮子

我想在页眉后面放一个Jumbotron，但我希望它是全宽的，因此根据文档，我不将它放在容器中

问题是，当我省略container div时，它会滑回页眉下，但我希望它从页眉结束的地方开始。如果我把它放在一个容器里，它会很好地放在它下面

有人能告诉我哪里出了问题，以及如何修复它，而不使一些黑客div推倒它吗。非常感谢

我希望将容器保留在标题标签中，因为我不希望这些元素向两侧延伸

<!-- Docs master nav -->
<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="../" class="navbar-brand"><img src="imagenes/logo.png" /></a>
    </div>
    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
      <ul class="nav navbar-nav navbar-right pull-down">
        <li class="">
          <a href="#">Menu</a>
        </li>
        <li class="">
          <a href="#">Galería</a>
        </li>
        <li class="">
          <a href="#">Calendario</a>
        </li>
        <li class="">
          <a href="#">BH Musicos / Talentos</a>
        </li>
        <li class="">
          <a href="#">Blog</a>
        </li>
        <li class="">
          <a href="#">Contacto</a>
        </li>
      </ul>
    </nav>
  </div>
</header>
<div class="jumbotron">
  <h1>Hello World</h1>
  <p>Testing one two three</p>
</div>

切换导航














你好，世界
测试一二三

如果您查看上的“固定到顶部”部分，会出现一条警告，敦促您在车身上添加衬垫：

需要车身衬垫

固定导航栏将覆盖您的其他内容，除非您添加

将
填充到
顶部。尝试你自己的价值观或使用我们的
下面的片段。提示：默认情况下，导航栏的高度为50px

body{padding top:70px；}

确保在核心部分之后包含此内容
引导CSS

在jumbotron中添加一个容器也可以解决此问题。
请注意，
bs docs nav
类不适用required@koala_dev，bs docs nav
类做什么？@ayjay
。bs docs nav
不是引导的一部分，它仅在文档中用于添加一些自定义样式。在引导过程中，可以向正文中添加一些内容，以使其更具响应性，即当视口缩小时，标题的高度会变大，下面的内容也会下降？@AdamBrown我不确定是否有，我只能想到一个javascript解决方案来监听窗口调整大小事件并根据标题调整填充height@AdamBrown实际上，您也可以在菜单开始溢出到新行的位置设置媒体查询，并在那里增加填充