diff options
| author | Mark Otto <[email protected]> | 2013-07-19 17:36:03 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-07-19 17:36:03 -0700 |
| commit | b6238c5f200821ebd564f36ff3882218e6093199 (patch) | |
| tree | 0fb8754f3a5cd6c95cf238f973e313b124f070dd /javascript.html | |
| parent | 8ab77191ceec9648e47dbe764d876c536c9e6ec2 (diff) | |
| download | bootstrap-b6238c5f200821ebd564f36ff3882218e6093199.tar.xz bootstrap-b6238c5f200821ebd564f36ff3882218e6093199.zip | |
Fixes #8385: update carousel captions
* No longer hidden by default--up to users to figure that part out with
longer content
* Cleaned up styles and spacing
Diffstat (limited to 'javascript.html')
| -rw-r--r-- | javascript.html | 14 |
1 files changed, 5 insertions, 9 deletions
diff --git a/javascript.html b/javascript.html index 0336b379b..9d39c0a88 100644 --- a/javascript.html +++ b/javascript.html @@ -1508,13 +1508,13 @@ $('#myCollapsible').on('hidden.bs.collapse', function () { </ol> <div class="carousel-inner"> <div class="item active"> - <img data-src="holder.js/900x500/auto/#777:#fff/text:First slide" alt=""> + <img data-src="holder.js/900x500/auto/#777:#555/text:First slide" alt=""> </div> <div class="item"> - <img data-src="holder.js/900x500/auto/#777:#fff/text:Second slide" alt=""> + <img data-src="holder.js/900x500/auto/#666:#444/text:Second slide" alt=""> </div> <div class="item"> - <img data-src="holder.js/900x500/auto/#777:#fff/text:Third slide" alt=""> + <img data-src="holder.js/900x500/auto/#555:#333/text:Third slide" alt=""> </div> </div> <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> @@ -1561,10 +1561,6 @@ $('#myCollapsible').on('hidden.bs.collapse', function () { <h3>Optional captions</h3> <p>Add captions to your slides easily with the <code>.carousel-caption</code> element within any <code>.item</code>. Place just about any optional HTML within there and it will be automatically aligned and formatted.</p> - <div class="bs-callout bs-callout-info"> - <h4>Responsive visibility</h4> - <p><strong>Captions are hidden by default</strong> and will show up only with viewports greater than 768px wide.</p> - </div> <div class="bs-example"> <div id="carousel-example-captions" class="carousel slide bs-docs-carousel-example"> <ol class="carousel-indicators"> @@ -1581,14 +1577,14 @@ $('#myCollapsible').on('hidden.bs.collapse', function () { </div> </div> <div class="item"> - <img data-src="holder.js/900x500/auto/#777:#777" alt=""> + <img data-src="holder.js/900x500/auto/#666:#666" alt=""> <div class="carousel-caption"> <h3>Second slide label</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> <div class="item"> - <img data-src="holder.js/900x500/auto/#777:#777" alt=""> + <img data-src="holder.js/900x500/auto/#555:#5555" alt=""> <div class="carousel-caption"> <h3>Third slide label</h3> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p> |