мой navbar скрыт за каруселью, как мне это исправить? - PullRequest
Новая
       52

мой navbar скрыт за каруселью, как мне это исправить?

0 голосов
/ 24 декабря 2018

в заголовке содержится мой navbar, который я хочу исправить, только когда поднимусь, и я добился его со всеми элементами, но скрыта только карусель, и я хочу быть выше, мой код:

bootstrap 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>
...