Bootstrap/jQuery と fontawesome を使用して、順序付けられていないリストの一部を折りたたもうとしています。現在、リストをネストしていますが、これは意味的に有効だと思います。
.collapse クラスを に追加すると、<ul>
箇条書きとして設定したアイコンが消えるようです。私は何か間違ったことをしていますか、それとも fontawesome と Bootstrap の間の奇妙な競合でしょうか?
これがコードで、問題を示すjsfiddleは次のとおりです。
<ul class="icons-ul">
<li><i class="icon-li icon-cog"></i><a href="#">List item</a></li>
<li><i class="icon-li icon-chevron-down"></i><a href="#list-more" class="accordion-toggle" data-toggle="collapse" data-target="#list-more">More</a>
<ul id="list-more" class="icons-ul collapse">
<li><i class="icon-li icon-cog"></i><a href="#">Item 1</a></li>
<li><i class="icon-li icon-cog"></i><a href=#"">Item 2</a></li>
</ul>
</li>
</ul>
私は font-awesome でバグ レポートを提出する準備ができていましたが、ドキュメントでは .icons-ul クラスを使用したネストされたリストを参照していないため、間違った方法で行っているかどうかはわかりません。