diff options
| author | Mark Otto <[email protected]> | 2016-12-04 19:53:37 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2016-12-04 19:53:37 -0800 |
| commit | a5c2562c0678135eb778dc8760cb717ddc312b99 (patch) | |
| tree | f83df863b572995eb9c7cd4cab2719b79c5fee44 /docs/components | |
| parent | 94e2d80af4554080b286d8b4012f75902932342a (diff) | |
| download | bootstrap-a5c2562c0678135eb778dc8760cb717ddc312b99.tar.xz bootstrap-a5c2562c0678135eb778dc8760cb717ddc312b99.zip | |
update left/right classes on controls and add img classes
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/carousel.md | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/docs/components/carousel.md b/docs/components/carousel.md index 3942309f0..025edd4cc 100644 --- a/docs/components/carousel.md +++ b/docs/components/carousel.md @@ -25,20 +25,20 @@ When building carousels, be sure your slides are the same size as one another. T </ol> <div class="carousel-inner" role="listbox"> <div class="carousel-item active"> - <img data-src="holder.js/900x500/auto/#777:#555/text:First slide" alt="First slide"> + <img class="d-block img-fluid" data-src="holder.js/800x400?auto=yes&bg=777&fg=555&text=First slide" alt="First slide"> </div> <div class="carousel-item"> - <img data-src="holder.js/900x500/auto/#666:#444/text:Second slide" alt="Second slide"> + <img class="d-block img-fluid" data-src="holder.js/800x400?auto=yes&bg=666&fg=444&text=Second slide" alt="Second slide"> </div> <div class="carousel-item"> - <img data-src="holder.js/900x500/auto/#555:#333/text:Third slide" alt="Third slide"> + <img class="d-block img-fluid" data-src="holder.js/800x400?auto=yes&bg=555&fg=333&text=Third slide" alt="Third slide"> </div> </div> - <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> + <a class="carousel-control carousel-control-left" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="icon-prev" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> - <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> + <a class="carousel-control carousel-control-right" href="#carousel-example-generic" role="button" data-slide="next"> <span class="icon-next" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> |