我的导航栏隐藏在转盘后面,该如何解决?

时间:2018-12-24 20:24:46

标签: twitter-bootstrap-3 header carousel navbar

在标头中包含导航栏,仅当我向上导航时,我才想对其进行修复,并且已经使用所有元素实现了导航,但是仅在轮播中实现了隐藏,我想在上面,我的代码是:

引导程序3:

.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

尝试删除相对位置,但是不可能 我在PHP中的代码是这样的:

<header class="nav-down">
            <nav class="navbar navbar-inverse navbar-light bg-light">
                <div class="container-fluid">
                    <div class="navbar-header">
..................
</div>
</div>
</nav>
<header>

<div id="myCarousel" class="carousel slide" data-ride="carousel">
                                <!-- Indicators -->
                                <ol class="carousel-indicators">
                                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                    <li data-target="#myCarousel" data-slide-to="1"></li>
                                    <li data-target="#myCarousel" data-slide-to="2"></li>

                                </ol>

                                <div class="carousel-inner" id="carousel-inner-img">


                                    <div class="item active">
                                        <img src="img/autos/1.jpg" style="width:100%;">
                                    </div>

                                    <div class="item">
                                        <img src="img/autos/2.jpg" style="width:100%;" >
                                    </div>

                                    <div class="item">
                                        <img src="img/autos/3.jpg" style="width:100%;">
                                    </div>





                                </div>

                                <!-- Left and right controls -->
                                <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                                    <span class="glyphicon glyphicon-chevron-left"></span>
                                    <span class="sr-only">Previous</span>
                                </a>
                                <a class="right carousel-control" href="#myCarousel" data-slide="next">
                                    <span class="glyphicon glyphicon-chevron-right"></span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </div>

0 个答案:

没有答案