嗨,我正在使用引导程序3来开发新的CMS,我希望菜单的每一侧都有2个按钮“ <<”和“ >>”,单击该按钮将使菜单滑动!!!

对不起我的英语不好! 这是我的代码:

<div class=" navbar navbar-inverse navbar-static-top">
    <div class="container">

        <a href="index.php"><img src="assets/img/logo2.png" class="navbar-brand"><small class="navbar-brand"> Compagnie Tunisienne De Meubles</small></a>
        <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
<div class="collapse navbar-collapse navHeaderCollapse">
                <ul class="nav navbar-nav navbar-right">
                <li ><a href="#"><span class="glyphicon-home-2"></span>Acceuil</a></li>
                    <li class="divider-vertical"></li>
                 <li ><a href="#"><span class="glyphicon-industrial-building"></span>Société</a></li>             
                     <li class="divider-vertical"></li>
                <li class="dropdown" >
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                  <span class="glyphicon-glass-1"></span> Nos Produits <b class="caret"></b>
                     </a>
                     <ul class="dropdown-menu" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus">
                        <li><a href="#" >Coffres Forts</a></li>
                        <li><a href="#" >Mobiliers Métalliques</a></li>
                        <li><a href="#" >Rayonnages</a></li>
                        <li><a href="#" >Mobiliers Hospitaliers</a></li>
                        <li><a href="#" >Portes</a></li>
                        <li><a href="#" >Des produits de la poste</a></li>
                        <li><a href="#" >La sous traitance</a></li>
                        <li><a href="#" >Divers</a></li>

                        </ul>
                </li>               
                <li class="dropdown" >
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                   <span class="glyphicon-globe-6"></span> Nos Références <b class="caret"></b>
                     </a>
                     <ul class="dropdown-menu">
                        <li><a href="#" >Références en Tunisie</a></li>
                        <li><a href="#" >Références à l'étranger</a></li>
                        </ul>
                </li> 
                <li><a href="#"><span class="glyphicon-newspaper-1"></span>News</a></li>  
                <li ><a href="#"><span class="glyphicon-location-6"></span>Contact</a></li>                
                </ul>

            </div>
    </div>
</div>
</div>

===============>>#1 票数:0

左右滑动菜单

接受的答案包括演示(在jsfiddle上有完整的代码)请参见。.您可以根据需要放置事物。

如果您不知道CSS。请不要在这里问问,只需学习CSS http://www.w3schools.com/css/default.asp,然后在学习定位后,如果您尝试实施并陷入特定的实施/技术更好地欢迎您

  ask by user3552832 translate from so

未解决问题?本站智能推荐: