0

ブートストラップでコンテナーをスタックすることについて質問があります。

画像が表示され、クリックすると現在のコンテナが非表示になり、次のコンテナに移動する、パワーポイントのプレゼンテーションに似たページを作成したいと考えています。この設計では、コンテナー/スライドを順番に積み重ねる必要があります。ページの読み込み時に 10 個のコンテナー/スライドを用意したいと考えています。

これまでのところ、私が考えることができる最も近いものは、ブートストラップの「タブ」機能です。

それに対する他のより良い解決策はありますか？

<div class="tab-content">
        <div class="tab-pane active">
           ......
        </div>
</div>

しかし、私の解決策の問題は、タブ ボタンが表示されることです。私が必要としているのは、積み重ねられたコンテナをクリックした後に次々と表示されるようにすることです。

4

1 に答える 1

4

タブの代わりにブートストラップのカルーセルを使用してみてください

<div id="myCarousel" class="carousel slide">
    <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- Carousel items -->
    <div class="carousel-inner">
    <div class="active item">…&lt;/div>
    <div class="item">…&lt;/div>
    <div class="item">…&lt;/div>
    </div>
    <!-- Carousel nav -->
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

http://twitter.github.io/bootstrap/javascript.html#carousel

于 2013-05-08T05:16:08.667 に答える