更改自舉手風琴面板的寬度（摺疊元素）

在我的代碼中，我有經典的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

更改自舉手風琴面板的寬度（摺疊元素）

回答

相關問題