Question

包含CSS文件：

http://designmodo.github.io/Flat-UI/css/flat-ui.css
http://designmodo.github.io/Flat-UI/css/demo.css
http://designmodo.github.io/Flat-UI/bootstrap/css/bootstrap.css

代码：

  <body>
     <nav class="navbar navbar-inverse">

        <div class="navbar-header">
            <a class="navbar-brand" href="#">Bright Folio</a>
        </div>

        <div class="collapse navbar-collapse" id="navbar-collapse-01">
            <ul class="nav navbar-nav">
                <li><a href="#contactModal" data-toggle="modal">Contact</a></li>
            </ul>
        </div>

        <!-- /.navbar-collapse -->
     </nav>
  </body>

我在导航栏下面和上面有一个奇怪的空间

enter image description here

Answer 1

margin周围有一个nav。因为您已经向我们提供了CSS等的链接，所以我不打算查看它的位置。但在本演示中，您可以看到边距是问题所在。

CSS：

nav {
    margin: 0!important;
}

这是您可以使用的内容，但我不建议您使用!important。所以你可以使用它，或者进入CSS文件，找到nav设置边距的位置并将其删除。

DEMO HERE

这是它与边距的关系（没有我的修复）：

DEMO HERE

平ui导航栏无法正确渲染

1 个答案:

CSS：