Question

我正在尝试删除导航栏和Bootstrap中轮播之间的空白区域。我找到了很多答案，但没有一个对我有用。如果我做错了，请查看我的代码。

旋转木马的jsp

<div class="carousel fade-carousel slide" data-ride="carousel" data-interval="3000" id="bs-carousel">
<div class="overlay"></div>
<div class="carousel-inner">
    <div class="item slides active">
        <div class="slide-1"></div>
    </div>
    <div class="item slides">
        <div class="slide-2"></div>
    </div>
    <div class="item slides">
        <div class="slide-3"></div>
    </div>
</div>

css文件

.fade-carousel {
position: relative;
height: 100vh;
padding-top: 0px;
}
.fade-carousel .carousel-inner .item {
height: 100vh;
}

.fade-carousel .carousel-indicators > li.active {
width: 10px;
height: 10px;
opacity: 1;
}
.navbar {
margin-bottom: 0px;
}

/* Responsiveness of the link bar */
@media ( min-width : 767px) {
.navbar-default .navbar-nav>li>a {
    color: #4e0300;
}
.navbar-nav>li.dropdown.open>a {
    color: #ffffff;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu {
    min-width: 100%;
}
}

Answer 1

您是否尝试过应用否定填充/保证金？

padding: -5px;

删除导航栏和轮播之间的空间（Twitter Bootstrap）

1 个答案: