Html 引导:两个跨距上的滑块?-一个span=图像,一个span=文本块

Html 引导:两个跨距上的滑块?-一个span=图像,一个span=文本块,html,css,twitter-bootstrap,slider,Html,Css,Twitter Bootstrap,Slider,我的页面上有一些相似的部分,设置相同-一个图标徽标和一个文本区域: <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 functi

我的页面上有一些相似的部分,设置相同-一个图标徽标和一个文本区域:

<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个图像

我不是web开发方面的专家,因此如果可能的话,请举一个例子。

您可以使用它

这是他们期望的标记

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

[这里]
[这里]
[这里]
您需要做的就是将两个
span
放在class
item
元素中


看看这个。希望这就是你想要的。

不适合仅仅为了说谢谢而发帖我知道,但希望你认识到“回答”是一个巨大的感谢:)