1

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 クラスを使用したネストされたリストを参照していないため、間違った方法で行っているかどうかはわかりません。

4

1 に答える 1