更改自举手风琴面板的宽度（折叠元素）

在我的代码中，我有经典的bootstrap手风琴Accordion，我想在点击时减小展开的ul/li的宽度（减小宽度），现在有h5的全宽，任何人都可以帮忙更改自举手风琴面板的宽度（折叠元素）

<div class="panel-group" id="accordion"> 

       <div class="panel" > 
        <a data-toggle="collapse" data-parent="#accordion" href="#divListCiagniki"> 
         <h5>ciągniki</h5> 
        </a> 
        <div id="divListCiagniki" class="panel-collapse collapse" style="width:50%"> 

          <ul class="panel-body" > 
           <li>example</li> 
           <li>example</li> 
           <li>example</li> 
          </ul> 

        </div> 
       </div> 

       <div class="panel"> 
        <a data-toggle="collapse" data-parent="#accordion" href="#divListMaszynyRolnicze"> 
         <h5>maszyny rolnicze</h5> 
        </a> 
        <div id="divListMaszynyRolnicze" class="panel-collapse collapse "> 
         <div class="panel-body"> 
          <ul> 
           <li>example</li> 
           <li>example</li> 
           <li>example</li> 
           <li>example</li> 
           <li>example</li> 
           <li>example</li> 
           <li>example</li> 
           <li>example</li> 
          </ul> 
         </div> 
        </div> 
       </div>

来源

2016-08-12 Artur Juźwik

能否请你提供的jsfiddle你的代码？将很容易解决。 –

我建议使用这样的事情：

li:active { 
    width: 80% !imporant; 
}

记得用!important覆盖引导风格

来源

2016-08-12 11:07:12

如果需要减少UL /李标签的宽度，使用

<div id="divListCiagniki" class="panel-collapse collapse" style="width:<Required width>; overflow:hidden;">

// overflow：hidden hidden text that exc！消除你的宽度。

来源

2016-08-12 11:12:47

我的意思是改变DIV ID的宽度：divListCiagniki或divListMaszynyRolnicze但不爽的招数都以上不工作

来源

2016-08-12 11:21:54

更改自举手风琴面板的宽度（折叠元素）

回答

相关问题