0

私のページには、同じ設定の似たセグメントがいくつかあります - 1 つのアイコン ロゴと 1 つのテキスト領域:

<div class="row-fluid">
 <div class="span7"> 
  <img src="img/icon2.png" alt="" />
 </div>
 <div class="span4">
  <h6>My Text Area</h6>
   <p>Description of that functionality<br>
   Multi lines of text<p>
 </div>
</div>

基本的にはアイコンと説明テキストで、最初は 2 つから始まりましたが、今は 8 つあり、1 つのセグメントにまとめたいと思いますが、8 つのアイコン/説明の間をスライドします。

だから私の質問は、スライダー効果の方法でこれらのうちの8つを入れることができる可能性または利用可能なコンポーネントですか? 私が見たほとんどのスライダーは画像スライダーですが、多言語が必要なので、2 つのスパンを 1 つの画像に変換したくありません。

私は Web 開発の専門家ではないので、可能であれば例を示していただければ幸いです。

4

1 に答える 1

2

これには、ブートストラップ カルーセルを使用できます。

これは彼らが期待するマークアップです

<div class="carousel-inner">
    <div class="active item">[here]</div>
    <div class="item">[here]</div>
    <div class="item">[here]</div>
</div>

あなたがする必要があるのは、あなたの2つspansを class で要素の中に入れることだけですitem。

このフィドルを確認してください。これがあなたが望んでいたものであることを願っています。

于 2013-08-14T12:34:51.413 に答える