Question

在我的代码中，我在导航和Jumbotron之间的引导程序中有一条小白线。我该如何摆脱它？

我试图玩弄不同的选项，但没有完全摆脱它

在我的NAVBAR和JUMBOTRON之间屏幕上总是有一条很小的小水平线

我已经尝试了很多但没有任何效果我也在下面粘贴了我的CSS

        <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container-fluid">
                <!-- Logo -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavBar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar" id="menu-title">Menu</span></button> <a href="#" class="navbar-brand">UnderTheHat</a> </div>
                <!-- Menu Items -->
                <div class="collapse navbar-collapse" id="mainNavBar">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="index.html">Main</a></li>
                        <li><a href="silhouette.html">Silhouette</a></li>
                        <li><a href="provider.html">Provider</a></li>
                        <li><a href="seeker.html">Seeker</a></li>
                        <li><a href="aboutUs.html">About Us</a></li>
                    </ul>
                </div>
            </div>
    </div>
    </nav>
    <!-- Jumbotron -->
    <div class="jumbotron">


        <div class="container">
            <h1>Welcome to landing page!</h1>
            <p>This is an example for jumbotron.</p>

            <p>
                <a class="btn btn-primary btn-lg" role="button">Learn more</a>
            </p>
        </div>

    </div>

CSS

.navbar {
    background-color: #000000;
    margin-bottom: 0px;
}

ul {
    margin: 0px;
}

.jumbotron {
    background-image: url('../img/coffee-meeting.jpg');
    background-repeat: no-repeat;
    display: block;
    height: 100vh;
    background-size: cover;
    width: 100%;
    padding: 0px;
    margin: 0px;
    padding: 100px 0 100px 0;
    /*top, right, bottom, left */
}

p {
    color: #FFFFFF;
}

.col-md-6 {
    padding: center;
    padding-left: 150px;
}

#sideBar {
    float: right;
    position: absolute;
    top: 50px;
    right: 0px;
    padding-right: 50px;
}

Answer 1

感谢您解决此问题，您是否正在谈论<div class="container-fluid">作为额外的div？enter image description here

我附上了一张照片

Navbar或Jumbotron填充或边距，我需要消失

1 个答案: