如何获得bootstrap背景图像轮播导航工作?

时间:2015-03-04 00:51:24

标签: php html5 wordpress twitter-bootstrap

我刚刚重建了bootstrap carousel,因此它在滑块中显示背景图像。问题是在这种情况下我无法使导航工作。我将指标和导航放在旋转木马本身之外,因为里面根本没有响应。 有人可以帮忙吗?链接是szmida.nazwa.pl/mauri/

    <header>

    <div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel">
       <!-- Indicators -->
       <div class="carousel-inner">
            <div style="background: url(<?php echo get_stylesheet_directory_uri() . '/img/mauri1.jpg'; ?>);" class="active item one"></div>
            <div style="background: url(<?php echo get_stylesheet_directory_uri() . '/img/mauri2.jpg'; ?>);" class="item two"></div>
            <div style="background: url(<?php echo get_stylesheet_directory_uri() . '/img/mauri3.jpg'; ?>);" class="item three"></div>
        </div>
    </div>

<div class="wrapp">
     <a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a>
     <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a>
     <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="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 si">

                <nav class="navbar navbar-default" role="navigation">
                <!--<div id="logo">
                    <img src="<?php echo get_stylesheet_directory_uri() . '/img/logo.png'; ?>" />
                </div>-->
                       <div class="navbar-header">
                         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                           <h5>menu</h5>
                         </button>
                       </div>

                       <?php
                       wp_nav_menu( array(
                           'menu'              => 'Header Menu',
                           'theme_location'    => 'menu_header',
                           'depth'             => 2,
                           'container'         => 'div',
                           'container_class'   => 'collapse navbar-collapse',
                           'container_id'      => 'bs-example-navbar-collapse-1',
                           'menu_class'        => 'menu',
                           'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                           'walker'            => new wp_bootstrap_navwalker())
                       );
                       ?>

                   </nav>
                   <div class="logo_duze">
                       <img src="<?php echo get_stylesheet_directory_uri() . '/img/logo_duze.png'; ?>" />
                   </div>
               </div>
           </div>
       </div>
   </div>	
</header>

0 个答案:

没有答案