2

私は Bootstrap を初めて使用し、多くのフィルターを収容するアコーディオンを構築しています。ユーザーはフィルターの開閉を切り替えることができ、パネルの状態を視覚的に強調するパネル タイトルにグリフィオンを追加したいと考えています。

これは Bootstrap 内で行うべきかなり基本的なことのように感じます (そして、可能な限り Bootstrap 機能のバニラとして使用したいと思っています) が、これに対処する GetBootstrap.com ドキュメントには何も見つかりません。

これが私のマークアップのスニペットです。試してうまくいかなかったものはすべて削除しました。

    <div class="col-md-3">
        <h5>narrow by:</h5>

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

            <!-- CATEGORY
            ================================================== -->
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a class="accordion-toggle" data-toggle="collapse" href="#collapseCategory">
                            <i class="glyphicon glyphicon-collapse-down"></i> category
                        </a>
                    </h4>
                </div> <!-- panel-heading -->

                <div id="collapseCategory" class="panel-collapse collapse in">
                    <div class="panel-body">
                        <p>[workflow]</p>
                    </div> <!-- panel-body -->
                </div> <!-- panel-collapse -->
            </div> <!-- panel -->

        </div> <!-- panel-group -->

    </div> <!-- col -->


    <div class="col-md-9">
        <h5>search results</h5>
    </div> <!-- col -->

</div> <!-- row -->

ご協力いただきありがとうございます！

4

1 に答える 1