댓글 검색 목록

[bootstrap] carousel 코드

페이지 정보

작성자 운영자 작성일 15-05-23 20:34 조회 4,552 댓글 0

<div class="container">

<div class="span8">

<div id="myCarousel" class="carousel slide">

<ol class="carousel-indicators">

<li data-target="#myCarousel" data-slide-to="0" class=""></li>

<li data-target="#myCarousel" data-slide-to="1" class="active"></li>

<li data-target="#myCarousel" data-slide-to="2" class=""></li>

</ol>

<div class="carousel-inner">

<div class="item">

<img src="//placehold.it/2800x1200" alt="">

<div class="carousel-caption">

<h4>First Thumbnail label</h4>

<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>

</div>

</div>

<div class="item active">

<img src="//placehold.it/2800x1200/999/EEE" alt="">

<div class="carousel-caption">

<h4>Second Thumbnail label</h4>

<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>

</div>

</div>

<div class="item">

<img src="http://placehold.it/2800x1200/777/FFF" alt="">

<div class="carousel-caption">

<h4>Third Thumbnail label</h4>

<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>

</div>

</div>

</div>

<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>

<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>

</div>

</div>

</div> 

댓글목록 0

등록된 댓글이 없습니다.

웹학교 로고

온라인 코딩학교

코리아뉴스 2001 - , All right reserved.