在旋转木马滑块上的bootstrap导航

Question

我想通过使用position：absolute来使用nav-tabs在旋转木马滑块上工作 但它不起作用，导航标签变得混乱

这是html代码

    <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- nav -->
<nav id="nav1" class="row">
<div>
    <ul class="nav nav-tabs">
        <li class="col-lg-2 col-lg-offset-4"<br><a>home
</a></li>
            <li class="col-lg-2"><a>search</a></li>
        </ul>
     </div>
     </nav>
    <!-- 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>
        <li data-target="#myCarousel" data-slide-to="3"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">

和css代码就是这个

#nav1{
z-index:100;
}

.carousel-inner{
position:absolute;
margin-top:0px;
}

<!-- slider -->

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
  }

你能帮帮我吗