下拉显示在caracole Bootstrap下

时间:2014-03-04 02:27:46

标签: jquery html css twitter-bootstrap twitter-bootstrap-3

使用我的导航下拉列表,它无法正确显示。 不知何故,下拉将在caracole之下。这很烦人,也很奇怪。 我正在使用BSv3.0.3 JS和CSS匹配版本。 当你看到服务器时,这是最值得注意的>枢纽链接。你不能点击它。 前往fgkservers.com并前往secon幻灯片。单击导航中的服务器并尝试转到链接集线器。不会让你。

<div class="navbar-wrapper">
   <div class="container">
      <div class="navbar navbar-inverse navbar-static-top">
         <div class="navbar-header">
           <a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a>
           <a class="navbar-brand" href="">MC.FastFoodCraft.COM</a>
         </div>
         <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#top">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#rules">Rules</a></li>
              <li><a href="/#donate">Donate</a></li>
              <li class="dropdown">
                <a href="" name="servers" class="dropdown-toggle" data-toggle="dropdown">Servers <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="#factions">Factions</a></li>
                    <li><a href="#teampvp">TeamPvP</a></li>
                    <li><a href="#skywars">SkyWars</a></li>
                    <li><a href="#prison">Prison</a></li>
                    <li><a href="#hub">Hub</a></li>
                </ul>
             <li><a href="/bans">Bans</a></li>
             <li><a href="/vote">Vote</a></li>
             <li><a href="/forum">Forums</a></li>
             </li>
          </ul>
      </div>
   </div>
</div><!-- /container -->
</div><!-- /navbar wrapper -->  


<div id="myCarousel" class="carousel slide">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#" data-slide-to="0" class="active"></li><li data-target="#" data-slide-to="1"></li><li data-target="#" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="item active">
      <img src="/img/1.jpg" class="img-responsive">
      <div class="container">
        <div class="carousel-caption">
          <h1>Welcome to FastFoodCraft!</h1>
          <p></p>
          <p><a class="btn btn-lg btn-info" href="#about">About Us</a>
        </p></div></div></div>
    <div class="item">
      <img src="/img/2.jpg" class="img-responsive">
      <div class="container">
        <div class="carousel-caption">
          <h1>Factions | TeamPvP | SkyWars | Prison</h1>
          <p>All the servers, all in one great place! </p>
          <p><a class="btn btn-lg btn-success" href="#factions">More Info</a></p></div></div> </div>
    <div class="item">
      <img src="/img/3.jpg" class="img-responsive">
      <div class="container">
        <div class="carousel-caption">
          <h1>Join using MC.FastFoodCraft.com</h1>
          <p>Play Minecraft with us! </p>
          <p><a class="btn btn-lg btn-default" href="http://minecraft.net" target="_blank">Minecraft.net</a></p></div></div></div></div></div>

感谢您的帮助 - 弗雷德

0 个答案:

没有答案