0

400x400ピクセルで、左側にある別の要素と水平方向の行を共有するカルーセルを設定したいと思います。たとえば、次のコードにspan4クラスとカルーセルを含む行クラスがあります。ただし、ナビゲーションコントロールはカルーセル画像と位置合わせされていません（コントロールはカルーセルとともに右に移動せず、代わりにspan4クラスがある左側に残ります）。

<div class="row">

  <div class="span4">
    <h2>Heading</h2>
    <p>Some Text</p>
  </div>

  <div id="this-carousel-id" class="carousel slide" style="max-width: 400px">
    <div class="carousel-inner">
      <div class="item active"><img src="http://placehold.it/400x400" alt="" />
      </div>
      <div class="item"><img src="http://placehold.it/400x400" alt="" />
      </div>
    </div>
    <!--  Carousel Controls -->
    <a class="carousel-control left" href="#this-carousel-id" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href="#this-carousel-id" data-slide="next">&rsaquo;</a>
  </div>

</div>
4

1 に答える 1

0

カルーセルでクラスを使用しない場合は、カルーセルにスタイルをspan*追加する必要があります。float: left<div>

または、そのセレクターbootstrap.cssを使用するため、 carousel のクラスとして(または のような任意のものを)[class*="span"]追加することができます。spancspan-is-boring<div>

JS フィドルを参照してください。

于 2012-07-08T16:58:36.960 に答える