Twitter bootstrap 如何使用文本滑动制作Twitter引导转盘？

我正在尝试制作一个旋转木马，其中只有段落滑动，没有背景，也没有注册和登录按钮

我没有将引导库放在代码段中，但我相信使用引导库的人会很容易看到我要插入的内容 但我不知道怎么做。这是我的密码：

正文{
背景：无；
颜色：白色；
}
a{颜色：白色；}
.满{
背景：url（../img/1.jpg）rgba（36,36,36,0.8）无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
.覆盖{
位置：绝对位置；
宽度：100%；
身高：100%；
背景：rgba（36,36,36,0.8）；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
.集装箱{
利润上限：200px；
边缘底部：50px；
}
h1{
颜色：rgba（255255,0,1）；
}
#登记册{
边缘顶部：100px；
左边距：-20px；
}
#圈-1 p{
颜色：黑色；
文本对齐：居中；
背景：rgba（255255,0,1）；
边框：2个实心rgba（255255,0,1）；
边界半径：40px；
填充：10px 0 10px 0；
}
#圈-2P{
文本对齐：居中；
颜色：白色；
边框：2个实心rgba（255255,0,1）；
边界半径：40px；
填充：10px 0 10px 0；
}
#圆圈-1 p，#圆圈-2 p{
-webkit过渡：所有0.5s轻松；
-moz过渡：所有0.5s轻松；
-o型过渡：所有0.5s的轻松度；
过渡：所有0.5s缓解；
}
#圆圈2 p：悬停{
颜色：黑色；
背景：rgba（255255,0,1）；
}

康普特河畔边湾酒店
你有空吗
你可以和我的竞争对手联系吗
倾注测试仪可用于面部辅助装饰

试试这个：

 <!-- Carousel  -->
    <div id="myCarousel" class="carousel slide">
    <paper-shadow z="2">
      <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>

      <div class="carousel-inner">
        <div class="item active">
          <div class="container">
            <div class="row">
              <div class="col-lg-6 col-md-6 hidden-sm hidden-xs" style="align=center">
            <img class="carousel-img visible-md visible-lg" style="margin-top:100px; align=middle"src="image1.png">
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
            <div style="color:rgb(244,244,244); margin-top:200px; margin-left:0px">
              <h1>Slide 1</h1>
              <p>The amazing text</p>
            </div>
           </div>

            </div>
          </div>
        </div>
        <div class="item">


          <div class="container">
            <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
            <div style="color:rgb(244,244,244); margin-top:150px; margin-left:0px">
              <h1>Slide 2 </h1>
              <p>The amazing text</p>
            </div>
           </div>

            <div class="col-lg-6 col-md-6 hidden-sm hidden-xs" style="align=center">
            <img class="carousel-img visible-md visible-lg" style="margin-top:70px; align=middle"src="imgage2.png">
            </div>
            </div>
          </div>
        </div>

        <div class="item">
          <div class="container">
              <div class="row">
              <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
              <div style="color:rgb(244,244,244); margin-top:200px; margin-left:0px">
             <h1>Slide 3</h1> 
              <p>The Amazing Text</p>
              </div>
             </div>
             <div class="col-lg-6 col-md-6 hidden-sm hidden-xs" style="align=center">
            <img class="carousel-img visible-md visible-lg" style="margin-top:100px; align=middle"src="image3.png">
            </div>
              </div>
            </div>
          </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
      </paper-shadow>
    </div><!-- /.carousel -->

幻灯片1
惊人的文本

幻灯片2
惊人的文本

幻灯片3
惊人的文本

您还需要像这样添加javascript