diff options
| author | Chris Rebert <[email protected]> | 2013-09-03 17:46:35 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2013-09-03 17:46:35 -0700 |
| commit | 73e4b817905145a965797c4ac026eae94f698141 (patch) | |
| tree | 5faa57217cd4fb16f0fd034c86e9ffa3a49705e7 /javascript.html | |
| parent | 3bb3680aacfe83c067cf6ee25ef297c10afe2404 (diff) | |
| download | bootstrap-73e4b817905145a965797c4ac026eae94f698141.tar.xz bootstrap-73e4b817905145a965797c4ac026eae94f698141.zip | |
make Glyphicons mainstream in Carousel examples
Diffstat (limited to 'javascript.html')
| -rw-r--r-- | javascript.html | 16 |
1 files changed, 6 insertions, 10 deletions
diff --git a/javascript.html b/javascript.html index b317f6b03..3a106ab69 100644 --- a/javascript.html +++ b/javascript.html @@ -1675,10 +1675,10 @@ $('#myCollapsible').on('hidden.bs.collapse', function () { </div> </div> <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> - <span class="icon-prev"></span> + <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> - <span class="icon-next"></span> + <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> </div><!-- /example --> @@ -1704,17 +1704,13 @@ $('#myCollapsible').on('hidden.bs.collapse', function () { <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> - <span class="icon-prev"></span> + <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> - <span class="icon-next"></span> + <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> {% endhighlight %} -<div class="bs-callout bs-callout-info"> - <h4>Glyphicon Alternative</h4> - <p>With <a href="{{ page.base_url }}components/#glyphicons">Glyphicons</a> available, you may choose to style the left and right toggle buttons with <code>.glyphicon .glyphicon-chevron-left</code> and <code>.glyphicon .glyphicon-chevron-right</code>.</p> -</div> <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> @@ -1749,10 +1745,10 @@ $('#myCollapsible').on('hidden.bs.collapse', function () { </div> </div> <a class="left carousel-control" href="#carousel-example-captions" data-slide="prev"> - <span class="icon-prev"></span> + <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-example-captions" data-slide="next"> - <span class="icon-next"></span> + <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> </div><!-- /example --> |