スライドだけ ≪ カルーセル ≪ JavaScript ≪ Bootstrap3日本語リファレンス

全体をdiv要素で括り、id属性を指定する。
スライド群をdiv要素で括り、class属性にcarousel-innerを指定する。
各スライド項目をdiv要素で括り、class属性にitemを指定する。最初に表示したいスライド項目のclass属性にactiveを追加する。
３のdiv要素内に、画像などのスライド項目を配置する。

サンプル

ソースコード

<div id="sampleCarousel" class="carousel slide" data-ride="carousel">
	<div class="carousel-inner" role="listbox">
		<div class="item active">
			<img src="../img/sample-1140x500.png" alt="First slide">
		</div>
		<div class="item">
			<img src="../img/sampleB-1140x500.png" alt="Second slide">
		</div>
		<div class="item">
			<img src="../img/sampleC-1140x500.png" alt="Third slide">
		</div>
	</div>
</div>