bootstrap：2个跨度的滑块？ - 一个span = image，一个span = textblock

Question

我的网页上有一些类似的细分，相同的设置 - 一个图标徽标和一个文字区域：

<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>

基本上只是一个图标和一个描述文本，开始时有两个这样没关系，现在有8个，我想我想把它收集在一个部分，但然后在8个图标/描述之间滑动。

所以我的问题是，任何机会或任何组件可用于我可以以滑块效果的方式放入其中的8个？我看过的大多数滑块是图像滑块，但由于我需要多语言，我不想将2个跨度转换为1个图像。

我不是网络开发方面的专家，所以如果可能的话，我会非常感激。

Answer 1

您可以使用bootstrap carousel。

这是他们期望的标记

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

您需要做的就是让您的两个spans位于元素item内。

检查fiddle。希望这是你想要的。