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

Question

In my code I have classic bootstrap accordion Accordion, I want to change width of expanded ul/li when is clicked (decrease width), now there is a full width of h5, anyone can help?

<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>

Answer 1

I suggest to use something like this:

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

remember to use !important to overwrite bootstrap style

Answer 2

if you need to decrease the width of the ul/li tags, Use

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

//overflow: hidden hides the text which exceeds your width.

Answer 3

我的意思是更改div id的宽度：divListCiagniki或divListMaszynyRolnicze，但上述两个技巧都不令人满意