diff options
| author | Mark Otto <[email protected]> | 2013-02-16 01:22:15 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-02-16 01:22:15 -0800 |
| commit | d8e2668c1df122f61e82008821bc6b56def4fe12 (patch) | |
| tree | 24b7b2ae35a9bdce964d4d932416302398e00072 /docs/javascript.html | |
| parent | b688d8dcd4f55fffa567597f4bd9b974ec9546e6 (diff) | |
| download | bootstrap-d8e2668c1df122f61e82008821bc6b56def4fe12.tar.xz bootstrap-d8e2668c1df122f61e82008821bc6b56def4fe12.zip | |
Overhaul carousel a bit more:
* Drop custom type arrow controls for glyphicons icons instead for more consistent rendering
* Remove the captions and instead let folks implement what they want in the carousel
* Move the indicators to the bottom middle instead of top right
* Lighten up gradients on the edges for less harsh lighting
Diffstat (limited to 'docs/javascript.html')
| -rw-r--r-- | docs/javascript.html | 22 |
1 files changed, 5 insertions, 17 deletions
diff --git a/docs/javascript.html b/docs/javascript.html index 3fc8d0471..330639267 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -1481,32 +1481,20 @@ $('#myCollapsible').on('hidden', function () { </ol> <div class="carousel-inner"> <div class="item active"> - <img src="assets/img/bootstrap-mdo-sfmoma-01.jpg" alt=""> - <div class="carousel-caption"> - <h3>First slide label</h3> - <p>Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Cum sociis natoque penatibus et magnis dis parturient montes.</p> - </div> + <img data-src="holder.js/900x500/auto/#777:#fff/text:First slide" alt=""> </div> <div class="item"> - <img src="assets/img/bootstrap-mdo-sfmoma-02.jpg" alt=""> - <div class="carousel-caption"> - <h3>Second slide label</h3> - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare.</p> - </div> + <img data-src="holder.js/900x500/auto/#777:#fff/text:Second slide" alt=""> </div> <div class="item"> - <img src="assets/img/bootstrap-mdo-sfmoma-03.jpg" alt=""> - <div class="carousel-caption"> - <h3>Third slide label</h3> - <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p> - </div> + <img data-src="holder.js/900x500/auto/#777:#fff/text:Third slide" alt=""> </div> </div> <a class="left carousel-control" href="#myCarousel" data-slide="prev"> - <span class="control">‹</span> + <span class="glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#myCarousel" data-slide="next"> - <span class="control">›</span> + <span class="glyphicon-chevron-right"></span> </a> </div> </div><!-- /example --> |