bootstrap3手风琴不工作

您好我正在使用下面的代码来显示手风琴，因为我已经升级到bootstrap3手风琴不再工作，我试图添加面板的div，但手风琴似乎工作，然后不工作，我可以打开每个部分，但是当我回到第一部分时，它不显示，其他人也不显示任何部分？bootstrap3手风琴不工作

 <div class="row add-top add-bottom-main"> 
       <div class="panel accordion" id="accordion2"> 

       <div class="accordion-group"> 
        <div class="accordion-heading proxim-bg-one"> 
        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
        <span class="accordion-arrow"><img title="proxim" alt="proxim" src="images/next.png"></span>Question 
        </a> 
        </div> 

        <div id="collapseOne" class="accordion-body collapse in"> 
         <div class="accordion-inner"> 

         <p>Lorem ipsum dolor sit amet, </p> 
         </div> 
        </div> 
       </div> 


       <div class="accordion-group"> 
        <div class="accordion-heading proxim-bg-two"> 
        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
        <span class="accordion-arrow"><img title="proxim" alt="proxim" src="images/next.png"></span>Question 
        </a> 
        </div> 

        <div id="collapseTwo" class="accordion-body collapse"> 
         <div class="accordion-inner"> 

         <p>Lorem ipsum dolor sit amet, </p> 
         </div> 
        </div> 
       </div> 

       <div class="accordion-group"> 
        <div class="accordion-heading proxim-bg-three"> 
        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree"> 
        <span class="accordion-arrow"><img title="proxim" alt="proxim" src="images/next.png"></span>Question 
        </a> 
        </div> 

        <div id="collapseThree" class="accordion-body collapse"> 
         <div class="accordion-inner"> 

         <p>Lorem ipsum dolor sit amet, </p> 
         </div> 
        </div> 
       </div> 

       <div class="accordion-group"> 
        <div class="accordion-heading proxim-bg-four"> 
        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour"> 
        <span class="accordion-arrow"><img title="proxim" alt="proxim" src="images/next.png"></span>Question 
        </a> 
        </div> 

        <div id="collapseFour" class="accordion-body collapse"> 
         <div class="accordion-inner"> 

         <p>Lorem ipsum dolor sit amet, </p> 
         </div> 
        </div> 
       </div> 
    </div> 
    </div>

的另一个问题我已经是这条线用来隐藏

<img id="nav-arrow" class="hidden-phone hidden-tablet" src="images/nav-left.png" title="logo" alt="arrow"/>

我已经更新了代码，现在它会显示所有的时间？

<img id="nav-arrow" class="hidden-sm hidden-md" src="images/nav-left.png" title="logo" alt="arrow">

我在这里错过了什么？

感谢

中号

来源

2013-11-15 Mike Saunders

自举3手风琴标记不再支持。

但是，您仍然可以使用折叠功能获得手风琴效果。这里有一个手风琴的例子。

http://getbootstrap.com/javascript/#collapse

这里是你的代码的例子。

http://www.bootply.com/94409#

至于你的最后一个问题，它看起来像引导3有新的辅助类。

http://getbootstrap.com/css/#helper-classes

hidden-xs适用于手机和hidden-sm适用于平板电脑。

所以：

<img id="nav-arrow" class="hidden-xs hidden-sm" src="images/nav-left.png" title="logo" alt="arrow">

来源

2013-11-15 17:41:34 Trevor

bootstrap3手风琴不工作

回答

相关问题