diff options
| author | Mark Otto <[email protected]> | 2016-12-04 22:18:49 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-04 22:18:49 -0800 |
| commit | e40a09ba2ed6eaf231fb202c253c0f55053b39e6 (patch) | |
| tree | ba7b2f5f2c460a7c80b0a5ec6484d6073cadb3fb /docs/examples/carousel/index.html | |
| parent | 7c3bda24f0706510bcbb1525a3d07541978c07b6 (diff) | |
| download | bootstrap-e40a09ba2ed6eaf231fb202c253c0f55053b39e6.tar.xz bootstrap-e40a09ba2ed6eaf231fb202c253c0f55053b39e6.zip | |
redo the carousel example to match
Diffstat (limited to 'docs/examples/carousel/index.html')
| -rw-r--r-- | docs/examples/carousel/index.html | 20 |
1 files changed, 8 insertions, 12 deletions
diff --git a/docs/examples/carousel/index.html b/docs/examples/carousel/index.html index 990553b97..3f906960f 100644 --- a/docs/examples/carousel/index.html +++ b/docs/examples/carousel/index.html @@ -37,11 +37,7 @@ </ul> </nav> - - <!-- Carousel - ================================================== --> <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> @@ -51,7 +47,7 @@ <div class="carousel-item active"> <img class="first-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide"> <div class="container"> - <div class="carousel-caption text-left"> + <div class="carousel-caption d-none d-md-block text-left"> <h1>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">Sign up today</a></p> @@ -61,7 +57,7 @@ <div class="carousel-item"> <img class="second-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Second slide"> <div class="container"> - <div class="carousel-caption"> + <div class="carousel-caption d-none d-md-block"> <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> @@ -71,7 +67,7 @@ <div class="carousel-item"> <img class="third-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide"> <div class="container"> - <div class="carousel-caption text-right"> + <div class="carousel-caption d-none d-md-block text-right"> <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> @@ -79,15 +75,15 @@ </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> + <a class="carousel-control carousel-control-prev" href="#myCarousel" role="button" data-slide="prev"> + <span class="carousel-control-prev-icon" 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> + <a class="carousel-control carousel-control-next" href="#myCarousel" role="button" data-slide="next"> + <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> - </div><!-- /.carousel --> + </div> <!-- Marketing messaging and featurettes |