kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

make Glyphicons mainstream in Carousel examples

Browse source
This commit is contained in:
Chris Rebert 2013-09-03 17:46:35 -07:00
parent 3bb3680aac
commit 73e4b81790
1 changed files with 6 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
javascript.html
View file

@ -1675,10 +1675,10 @@ $('#myCollapsible').on('hidden.bs.collapse', function () {
</div> </div>
</div> </div>
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> <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>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> <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> </a>
</div> </div>
</div><!-- /example --> </div><!-- /example -->
@ -1704,17 +1704,13 @@ $('#myCollapsible').on('hidden.bs.collapse', function () {
<!-- Controls --> <!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> <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>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> <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> </a>
</div> </div>
{% endhighlight %} {% 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> <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> <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>
</div> </div>
<a class="left carousel-control" href="#carousel-example-captions" data-slide="prev"> <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>
<a class="right carousel-control" href="#carousel-example-captions" data-slide="next"> <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> </a>
</div> </div>
</div><!-- /example --> </div><!-- /example -->