thinkphpタグで実現したbootsrtapカレルのサンプルコード

カルーセルの最初のdivにはアクティブスタイルを設定する必要があり、上の点も数字が必要です

使用volistタグでループ中にインデックスを取得できます（foreach、forタグでは実現できません）

<div class="Container">
<!-- carousel -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel"-indicators">
<volist name="bopic" id="xt">
<li data-target="#carousel-example-generic" data-slide-to="{$i-1">" class="<if condition="$i eq 1 ">active</if>"></li>
</volist>
</ol>
<div class="carousel-inner">
<volist name="bopic" id="xt">
<div class='item <if condition="$i eq 1 ">active</if>'>
<img src="{$xt.page_bopic_image}" alt="[#0#]"/>
</div>
</volist>
</div>
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<!-- /.carousel -->
</div>

以上は編集者が皆さんに紹介したThinkPHPタグでBootstrapキャロセルの実例コードです。皆さんの助けになることを願っています。何か疑問があれば、コメントを残してください。編集者はすぐに回答します。また、このナイアガラガイドウェブサイトへのサポートに感謝しています。

声明：この記事の内容はインターネットから収集され、著作権者に帰属します。インターネットユーザーによって自己発信、自己アップロードされた内容であり、このサイトは所有権を持ちません。人工編集は行われていません。著作権侵害が疑われる場合は、以下のメールアドレスにご連絡ください：notice#oldtoolbag.com（メール送信時、#を@に変更してください）で報告して、関連する証拠を提供してください。一旦確認が取れましたら、このサイトは侵害されている内容をすぐに削除します。