Twitter bootstrap 767px介质查询的转盘响应问题-转盘左/右按钮和Btn按钮不工作

任何帮助都将不胜感激

这是我的网站：

一切都很完美，除了767px（智能手机大小），旋转木马的左右按钮无法点击。黄色按钮上的“联系我”也是一样

发生什么事了

以下是767媒体查询的代码：

@media (max-width: 767px) {

  .container {
    margin-bottom: 60%;
  }

  div.footer_right_border {
  border-right: none;
  }

  div.footer_right_border {
      visibility: none;
  }

  .navbar-inverse .navbar-inner {
    margin-top: -13%;
  }

  .navbar-inner {
    margin-top: -20px;
    margin: -20px;
  }
  .carousel {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 7%;
  }

  .carousel .container {
    padding-top: 20px;       
  }

  .carousel .item {
    height: 300px;
  }
  .carousel img {
    width: auto;
    height: 300px;
  }
  .carousel-caption {
    width: 300px;
    padding: 0 70px;
    margin-top: 15px;
  }
  .carousel-caption h1 {
    font-size: 2em;
  }
  .carousel-caption .lead,
  .carousel-caption .btn {
    font-size: 18px;
  }
  .btn-custom {
    position: relative;
    z-index: 19;
  }
  .marketing .span4 + .span4 {
    margin-top: 40px;
  }

  .featurette-heading {
    font-size: 30px;
  }
  .featurette .lead {
    font-size: 18px;
    line-height: 1.5;
  }

}

传送带的代码：

<!-- Carousel
    ================================================== -->
    <div id="myCarousel" class="carousel slide">
      <div class="carousel-inner">
        <div class="item active">
          <img src="images/carousel/all_devices.jpg" style="opacity: .9;"   class="img_car">
          <div class="container">
            <div class="carousel-caption">
              <h1>Responsive Web Design</h1>
              <p class="lead">For all devices under the sun.</p>
              <br><br><a class="btn btn-large btn-primary btn-custom" href="contact.html">Contact Me</a>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="images/carousel/rn.jpg" alt="" class="img_car">
          <div class="container">
            <div class="carousel-caption">
              <h1>The Rita & Naum Orchestra</h1>
              <p class="lead">Website for the Russian-American band.</p>
              <br><br><a class="btn btn-large btn-primary btn-custom" href="web.html">Browse Gallery</a>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="images/carousel/mrk.jpg" alt="" class="img_car">
          <div class="container">
            <div class="carousel-caption">
              <h1>Mr. K Tutoring</h1>
              <p class="lead">Made with Twitter Bootstrap Responsive.</p>
              <br><br><a class="btn btn-large btn-primary btn-custom" href="web.html">Browse gallery</a>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="images/carousel/rf.jpg" alt="">
          <div class="container">
            <div class="carousel-caption">
              <h1>DJ Ricky Flood</h1>
              <p class="lead">Website for the new, hot New York DJ.</p>
              <br><br><a class="btn btn-large btn-primary btn-custom" href="web.html">Browse gallery</a>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </div><!-- /.carousel -->

自适应网页设计
适用于阳光下的所有设备




丽塔诺姆管弦乐团
俄美乐队的网站




K先生的家教
采用Twitter引导响应



DJ里基洪水
纽约新秀DJ的网站

您的旋转木马控件运行正常，但它们位于div下面。我很快在您的左右旋转木马控件上定义了一个z索引，以使其正常工作。

谢谢，伙计，这很有效。把z指数放在那里完全消耗了它们的利润率，所以我不得不加上“向右拉”和“向左拉”两个类别，同时减少了最高利润率，但效果很好D