Bootstrap 3轮播代码

时间:2015-01-15 13:07:18

标签: javascript css twitter-bootstrap carousel

我需要创建Bootstrap 3轮播,它需要在幻灯片的右侧有图像和幻灯片左侧的文本,但我根本无法创建它,无论我尝试它的任何代码,无论是bugged还是didn& #39; t work。

试过这个:

  <div class="carousel slide" id="myC">
    <div class="carousel inner">
      <div class="item active">
        <div class="col-md-6">
          <h3>TEXT</h3>
        </div>
        <div class="col-md-6">
          <img src="http://placehold.it/600x400" alt=""/>
        </div>
      </div>
      <div class="item">
        <div class="col-md-6">
          <h3>TEXT</h3>
        </div>
        <div class="col-md-6">
          <img src="http://placehold.it/600x400" alt=""/>
        </div>
      </div>
      <div class="item">
        <div class="col-md-6">
          <h3>TEXT</h3>
        </div>
        <div class="col-md-6">
          <img src="http://placehold.it/600x400" alt=""/>
        </div>
      </div>
    </div>
  </div>

它没有奏效。我需要这样的东西http://www.dodaj.rs/f/18/29/4TNTTm5d/untitled.png

1 个答案:

答案 0 :(得分:0)

发现问题是什么,似乎我的.item类很乱,我修复它并且它有效。