Twitter bootstrap 删除Twitter引导中标题菜单和以下容器（行？）之间的边距（填充）_Twitter Bootstrap_Margin_Navbar

Twitter bootstrap 删除Twitter引导中标题菜单和以下容器（行？）之间的边距（填充）

twitter-bootstrap

Twitter bootstrap 删除Twitter引导中标题菜单和以下容器（行？）之间的边距（填充）,twitter-bootstrap,margin,navbar,Twitter Bootstrap,Margin,Navbar,我希望这个问题不要重复，虽然我已经搜索过了，但没有找到。我正在设计下一页。我如何设计它，使菜单和它下面的背景图像之间没有空白？（我认为它是页眉或导航栏菜单的一个底部边距，容器或行的一个顶部边距）我希望有一个最终设计，看起来像以下页面：以下是HTML代码的简化版本：谢谢你的帮助 <!DOCTYPE html> <body> <header class="page-header"> <div class="navbar navba

我希望这个问题不要重复，虽然我已经搜索过了，但没有找到。我正在设计下一页。我如何设计它，使菜单和它下面的背景图像之间没有空白？

（我认为它是页眉或导航栏菜单的一个底部边距，容器或行的一个顶部边距）

我希望有一个最终设计，看起来像以下页面：

以下是HTML代码的简化版本：谢谢你的帮助

<!DOCTYPE html>

<body>
    <header class="page-header">
   <div class="navbar navbar-inverse">
    <div class="navbar-inner">
      <div class="container">
        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        </button>
      </div>
    </div>
  </div>

</header>
  <div class="container">
    <div class="row">
        <div class="span10 offset1" style="background-image: url('images_002/themap.png')">
            <div class="row">
                <div class="span12"><br><br><br><br><br><br></div>
            </div>
            <div class="row">
                <div class="span3 offset6 alert alert-block">
                    <p>Our methodological approaches have been interdisciplinary, blending concepts and leveraging methods and insighhts developed across     multiple domains in the sciences and engineering<br><br><i class="icon-arrow-right"></i> <a href="www.northeastern.edu/sds">LEARN     MORE ABOUT THE SDS GROUP</a></p>
                </div>

            </div>
            <div class="row">
                <div class="span12"><br><br><br><br><br><br></div>
            </div>
        </div>
    </div>
    <div class="row"></div>



</div>
    <script src="../js/jquery.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/linkhover2_06_28.js"></script>
</body>









我们的方法学方法是跨学科的，融合了科学和工程多个领域的概念，并利用了方法和见解

如果你检查你的页面，你会发现你的

页眉有底部填充和边距（除了浅灰色边框），这会增加不需要的空间。请参见下面的屏幕截图：

删除它们之后，您可以向主容器添加一个id，并给它一个负的上边距。类似这样的内容：（如果你的页面结构良好，你就不需要这个。）
html
.
.
.
</header>
<div class="container" id="map">
.
.
.

同样，一个更好的方法是根据引导规则构造页面，并删除标签，如

检查器还显示css位于bootstrap.css
中。尽管这与您的问题无关，但您应该将自定义css放在一个新文件中，并使引导保持不变。您可以通过应用jquery重置引导格式来撤消引导格式。
e、 g.从页眉中删除页眉行
    $(document).ready(function() {
        $(".page-header").css('border-bottom','0px');    
    });

如果可以用纯CSS实现JS样式，则不应使用JS样式。
    $(document).ready(function() {
        $(".page-header").css('border-bottom','0px');    
    });