css - 删除导航栏下的空间(Bootstrap)

Question

我正在尝试删除导航栏和菜单下的图片之间的空间。

我试过 margin-top/margin-bottom 我也试过在 bootstrap.min.css 中编辑 .navbar{margin-bottom: 20px;} 这也没有帮助。

我的 HTML 代码如下所示

    <div class="col-sm-3">
        <div class="logo"><a href="Index.php"> <img src="http://localhost/wordpress/wp-content/themes/Greenterapi/Pics/Logo.png" alt="Home" width="200px" height="74px"></a></div>
    </div>

    <div class="col-sm-9">
        <nav class="navbar navbar-static-top" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <div class="btn btn-primary">Menu</div>
                    </button>

                </div>

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="Index.php">Home</a></li>
                        <li><a href="Om.php">Om mig</a></li>
                        <li><a href="Coaching.php">Coaching</a></li>
                        <li><a href="Psykoterapi.php">Psykoterapi</a></li>
                        <li><a href="Zoneterapi.php">Zoneterapi</a></li>
                        <li><a href="Erhverv.php">Erhverv</a></li>
                        <li><a href="Priser.php">Priser</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav> </div>


    </div>






<!--Row with 1 column in 1:1 ratio-->
<div class="row">
    <div class="col-sm-12">
            <div class="Header"><img src="http://placehold.it/1140x250"></div>
    </div>

</div>

除此之外，我没有任何影响菜单或图片的 css 代码

ul.nav a:hover { background-color: #555; color: #030303 !important; }

我希望你能帮上忙，我没有想法。

编辑 http://codepen.io/anon/pen/vOMRGV根据要求

编辑 2 似乎它正在使用 br 标签和 margin-bottom 感谢大家的帮助。

Answer 1

这是一个工作版本:http://codepen.io/anon/pen/ZGZxOB .如果您在更改 bootstrap 的 CSS 中的边距后仍然看到间隙，那么看起来它必须是稍后在 CSS 中将 margin-bottom 设置重置为 20px 的其他东西。

您应该在任何主流浏览器中通过按键盘上的 F12 来使用元素检查器。然后您可以检查该元素并查看影响该 .navbar 的所有 CSS 规则。