「メインページ」の版間の差分
提供: sha.ngri.la
(Page List) |
|||
1行目: | 1行目: | ||
{{#tweekihide:sidebar-right}} | {{#tweekihide:sidebar-right}} | ||
+ | <html> | ||
+ | <div id="myCarousel" class="carousel slide" data-ride="carousel"> | ||
+ | <!-- Indicators --> | ||
+ | <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" role="listbox"> | ||
+ | <div class="item active"> | ||
+ | <img class="first-slide" src="https://sha.ngri.la/images/3/31/20171206_%E3%83%9E%E3%82%A4%E3%82%B9%E3%83%86%E3%82%A4%E3%82%BA%E3%83%97%E3%83%AC%E3%83%9F%E3%82%A2%E8%B5%A4%E5%9D%82_-_5.jpg" alt="First slide"> | ||
+ | <div class="container"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1>Example headline.</h1> | ||
+ | <p>Note: If you're viewing this page via a <code>file://</code> URL, the "next" and "previous" Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.</p> | ||
+ | <p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img class="second-slide" src="https://sha.ngri.la/images/3/31/20171206_%E3%83%9E%E3%82%A4%E3%82%B9%E3%83%86%E3%82%A4%E3%82%BA%E3%83%97%E3%83%AC%E3%83%9F%E3%82%A2%E8%B5%A4%E5%9D%82_-_6.jpg" alt="Second slide"> | ||
+ | <div class="container"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1>Another example headline.</h1> | ||
+ | <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> | ||
+ | <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img class="third-slide" src="https://sha.ngri.la/images/3/31/20171206_%E3%83%9E%E3%82%A4%E3%82%B9%E3%83%86%E3%82%A4%E3%82%BA%E3%83%97%E3%83%AC%E3%83%9F%E3%82%A2%E8%B5%A4%E5%9D%82_-_7.jpg" alt="Third slide"> | ||
+ | <div class="container"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1>One more for good measure.</h1> | ||
+ | <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> | ||
+ | <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> | ||
+ | <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> | ||
+ | <span class="sr-only">Previous</span> | ||
+ | </a> | ||
+ | <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> | ||
+ | <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> | ||
+ | <span class="sr-only">Next</span> | ||
+ | </a> | ||
+ | </div><!-- /.carousel --> | ||
+ | </html> | ||
<div class="row"> | <div class="row"> | ||
<div class="col-md-3"> | <div class="col-md-3"> |
2017年12月11日 (月) 13:47時点における版