Commit 34070af4 authored by kostyatretyak's avatar kostyatretyak

Merge branch 'master' of https://github.com/twbs/bootstrap into correction

parents 6145cc02 5fdd9179
...@@ -123,7 +123,6 @@ Keep track of development and community news. ...@@ -123,7 +123,6 @@ Keep track of development and community news.
* Follow [@twbootstrap on Twitter](http://twitter.com/twbootstrap). * Follow [@twbootstrap on Twitter](http://twitter.com/twbootstrap).
* Read and subscribe to [The Official Bootstrap Blog](http://blog.getbootstrap.com). * Read and subscribe to [The Official Bootstrap Blog](http://blog.getbootstrap.com).
* Have a question that's not a feature request or bug report? [Ask on the mailing list.](http://groups.google.com/group/twitter-bootstrap)
* Chat with fellow Bootstrappers in IRC. On the `irc.freenode.net` server, in the `##twitter-bootstrap` channel. * Chat with fellow Bootstrappers in IRC. On the `irc.freenode.net` server, in the `##twitter-bootstrap` channel.
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
================================================== --> ================================================== -->
<!-- Placed at the end of the document so the pages load faster --> <!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="{{ page.base_url }}dist/js/bootstrap.js"></script> <script src="{{ page.base_url }}dist/js/bootstrap.min.js"></script>
<script src="{{ page.base_url }}docs-assets/js/holder.js"></script> <script src="{{ page.base_url }}docs-assets/js/holder.js"></script>
......
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content=""> <meta name="description" content="Bootstrap, a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.">
<meta name="author" content=""> <meta name="keywords" content="HTML, CSS, JS, JavaScript, framework, bootstrap, front-end, frontend, web development">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contibutors">
<title> <title>
{% if page.title == "Bootstrap" %} {% if page.title == "Bootstrap" %}
......
...@@ -121,6 +121,7 @@ ...@@ -121,6 +121,7 @@
<li><a href="#list-group-basic">Basic example</a></li> <li><a href="#list-group-basic">Basic example</a></li>
<li><a href="#list-group-badges">Badges</a></li> <li><a href="#list-group-badges">Badges</a></li>
<li><a href="#list-group-linked">Linked items</a></li> <li><a href="#list-group-linked">Linked items</a></li>
<li><a href="#list-group-contextual-classes">Contextual classes</a></li>
<li><a href="#list-group-custom-content">Custom content</a></li> <li><a href="#list-group-custom-content">Custom content</a></li>
</ul> </ul>
</li> </li>
......
...@@ -37,7 +37,14 @@ ...@@ -37,7 +37,14 @@
<li><a href="#type-lists">Lists</a></li> <li><a href="#type-lists">Lists</a></li>
</ul> </ul>
</li> </li>
<li><a href="#code">Code</a></li> <li>
<a href="#code">Code</a>
<ul class="nav">
<li><a href="#code-inline">Inline code</a></li>
<li><a href="#code-user-input">User input</a></li>
<li><a href="#code-block">Blocks of code</a></li>
</ul>
</li>
<li> <li>
<a href="#tables">Tables</a> <a href="#tables">Tables</a>
<ul class="nav"> <ul class="nav">
......
...@@ -69,7 +69,6 @@ base_url: "../" ...@@ -69,7 +69,6 @@ base_url: "../"
<p class="lead">Stay up to date on the development of Bootstrap and reach out to the community with these helpful resources.</p> <p class="lead">Stay up to date on the development of Bootstrap and reach out to the community with these helpful resources.</p>
<ul> <ul>
<li>Read and subscribe to <a href="http://blog.getbootstrap.com/">The Official Bootstrap Blog</a>.</li> <li>Read and subscribe to <a href="http://blog.getbootstrap.com/">The Official Bootstrap Blog</a>.</li>
<li>Have a question that's not a feature request or bug report? <a href="http://groups.google.com/group/twitter-bootstrap">Ask on the mailing list.</a></li>
<li>Chat with fellow Bootstrappers using IRC in the <code>irc.freenode.net</code> server, in the <a href="irc://irc.freenode.net/#twitter-bootstrap">##twitter-bootstrap channel</a>.</li> <li>Chat with fellow Bootstrappers using IRC in the <code>irc.freenode.net</code> server, in the <a href="irc://irc.freenode.net/#twitter-bootstrap">##twitter-bootstrap channel</a>.</li>
<li>Find inspiring examples of people building with Bootstrap at the <a href="http://expo.getbootstrap.com">Bootstrap Expo</a>.</li> <li>Find inspiring examples of people building with Bootstrap at the <a href="http://expo.getbootstrap.com">Bootstrap Expo</a>.</li>
</ul> </ul>
......
...@@ -16,808 +16,810 @@ base_url: "../" ...@@ -16,808 +16,810 @@ base_url: "../"
<h2 id="glyphicons-glyphs">Available glyphs</h2> <h2 id="glyphicons-glyphs">Available glyphs</h2>
<p>Includes 200 glyphs in font format from the Glyphicon Halflings set. <a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you to include a link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever possible.</p> <p>Includes 200 glyphs in font format from the Glyphicon Halflings set. <a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you to include a link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever possible.</p>
<ul class="bs-glyphicons"> <div class="bs-glyphicons">
<li> <ul class="bs-glyphicons-list">
<span class="glyphicon glyphicon-adjust"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-adjust</span> <span class="glyphicon glyphicon-adjust"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-adjust</span>
<li> </li>
<span class="glyphicon glyphicon-align-center"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-align-center</span> <span class="glyphicon glyphicon-align-center"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-align-center</span>
<li> </li>
<span class="glyphicon glyphicon-align-justify"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-align-justify</span> <span class="glyphicon glyphicon-align-justify"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-align-justify</span>
<li> </li>
<span class="glyphicon glyphicon-align-left"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-align-left</span> <span class="glyphicon glyphicon-align-left"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-align-left</span>
<li> </li>
<span class="glyphicon glyphicon-align-right"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-align-right</span> <span class="glyphicon glyphicon-align-right"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-align-right</span>
<li> </li>
<span class="glyphicon glyphicon-arrow-down"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-arrow-down</span> <span class="glyphicon glyphicon-arrow-down"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-arrow-down</span>
<li> </li>
<span class="glyphicon glyphicon-arrow-left"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-arrow-left</span> <span class="glyphicon glyphicon-arrow-left"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-arrow-left</span>
<li> </li>
<span class="glyphicon glyphicon-arrow-right"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-arrow-right</span> <span class="glyphicon glyphicon-arrow-right"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-arrow-right</span>
<li> </li>
<span class="glyphicon glyphicon-arrow-up"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-arrow-up</span> <span class="glyphicon glyphicon-arrow-up"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-arrow-up</span>
<li> </li>
<span class="glyphicon glyphicon-asterisk"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-asterisk</span> <span class="glyphicon glyphicon-asterisk"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-asterisk</span>
<li> </li>
<span class="glyphicon glyphicon-backward"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-backward</span> <span class="glyphicon glyphicon-backward"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-backward</span>
<li> </li>
<span class="glyphicon glyphicon-ban-circle"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-ban-circle</span> <span class="glyphicon glyphicon-ban-circle"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-ban-circle</span>
<li> </li>
<span class="glyphicon glyphicon-barcode"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-barcode</span> <span class="glyphicon glyphicon-barcode"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-barcode</span>
<li> </li>
<span class="glyphicon glyphicon-bell"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-bell</span> <span class="glyphicon glyphicon-bell"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-bell</span>
<li> </li>
<span class="glyphicon glyphicon-bold"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-bold</span> <span class="glyphicon glyphicon-bold"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-bold</span>
<li> </li>
<span class="glyphicon glyphicon-book"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-book</span> <span class="glyphicon glyphicon-book"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-book</span>
<li> </li>
<span class="glyphicon glyphicon-bookmark"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-bookmark</span> <span class="glyphicon glyphicon-bookmark"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-bookmark</span>
<li> </li>
<span class="glyphicon glyphicon-briefcase"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-briefcase</span> <span class="glyphicon glyphicon-briefcase"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-briefcase</span>
<li> </li>
<span class="glyphicon glyphicon-bullhorn"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-bullhorn</span> <span class="glyphicon glyphicon-bullhorn"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-bullhorn</span>
<li> </li>
<span class="glyphicon glyphicon-calendar"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-calendar</span> <span class="glyphicon glyphicon-calendar"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-calendar</span>
<li> </li>
<span class="glyphicon glyphicon-camera"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-camera</span> <span class="glyphicon glyphicon-camera"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-camera</span>
<li> </li>
<span class="glyphicon glyphicon-certificate"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-certificate</span> <span class="glyphicon glyphicon-certificate"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-certificate</span>
<li> </li>
<span class="glyphicon glyphicon-check"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-check</span> <span class="glyphicon glyphicon-check"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-check</span>
<li> </li>
<span class="glyphicon glyphicon-chevron-down"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-chevron-down</span> <span class="glyphicon glyphicon-chevron-down"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-chevron-down</span>
<li> </li>
<span class="glyphicon glyphicon-chevron-left"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-chevron-left</span> <span class="glyphicon glyphicon-chevron-left"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-chevron-left</span>
<li> </li>
<span class="glyphicon glyphicon-chevron-right"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-chevron-right</span> <span class="glyphicon glyphicon-chevron-right"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-chevron-right</span>
<li> </li>
<span class="glyphicon glyphicon-chevron-up"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-chevron-up</span> <span class="glyphicon glyphicon-chevron-up"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-chevron-up</span>
<li> </li>
<span class="glyphicon glyphicon-circle-arrow-down"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-circle-arrow-down</span> <span class="glyphicon glyphicon-circle-arrow-down"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-down</span>
<li> </li>
<span class="glyphicon glyphicon-circle-arrow-left"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-circle-arrow-left</span> <span class="glyphicon glyphicon-circle-arrow-left"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-left</span>
<li> </li>
<span class="glyphicon glyphicon-circle-arrow-right"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-circle-arrow-right</span> <span class="glyphicon glyphicon-circle-arrow-right"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-right</span>
<li> </li>
<span class="glyphicon glyphicon-circle-arrow-up"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-circle-arrow-up</span> <span class="glyphicon glyphicon-circle-arrow-up"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-circle-arrow-up</span>
<li> </li>
<span class="glyphicon glyphicon-cloud"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-cloud</span> <span class="glyphicon glyphicon-cloud"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-cloud</span>
<li> </li>
<span class="glyphicon glyphicon-cloud-download"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-cloud-download</span> <span class="glyphicon glyphicon-cloud-download"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-cloud-download</span>
<li> </li>
<span class="glyphicon glyphicon-cloud-upload"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-cloud-upload</span> <span class="glyphicon glyphicon-cloud-upload"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-cloud-upload</span>
<li> </li>
<span class="glyphicon glyphicon-cog"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-cog</span> <span class="glyphicon glyphicon-cog"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-cog</span>
<li> </li>
<span class="glyphicon glyphicon-collapse-down"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-collapse-down</span> <span class="glyphicon glyphicon-collapse-down"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-collapse-down</span>
<li> </li>
<span class="glyphicon glyphicon-collapse-up"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-collapse-up</span> <span class="glyphicon glyphicon-collapse-up"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-collapse-up</span>
<li> </li>
<span class="glyphicon glyphicon-comment"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-comment</span> <span class="glyphicon glyphicon-comment"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-comment</span>
<li> </li>
<span class="glyphicon glyphicon-compressed"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-compressed</span> <span class="glyphicon glyphicon-compressed"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-compressed</span>
<li> </li>
<span class="glyphicon glyphicon-copyright-mark"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-copyright-mark</span> <span class="glyphicon glyphicon-copyright-mark"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-copyright-mark</span>
<li> </li>
<span class="glyphicon glyphicon-credit-card"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-credit-card</span> <span class="glyphicon glyphicon-credit-card"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-credit-card</span>
<li> </li>
<span class="glyphicon glyphicon-cutlery"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-cutlery</span> <span class="glyphicon glyphicon-cutlery"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-cutlery</span>
<li> </li>
<span class="glyphicon glyphicon-dashboard"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-dashboard</span> <span class="glyphicon glyphicon-dashboard"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-dashboard</span>
<li> </li>
<span class="glyphicon glyphicon-download"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-download</span> <span class="glyphicon glyphicon-download"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-download</span>
<li> </li>
<span class="glyphicon glyphicon-download-alt"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-download-alt</span> <span class="glyphicon glyphicon-download-alt"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-download-alt</span>
<li> </li>
<span class="glyphicon glyphicon-earphone"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-earphone</span> <span class="glyphicon glyphicon-earphone"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-earphone</span>
<li> </li>
<span class="glyphicon glyphicon-edit"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-edit</span> <span class="glyphicon glyphicon-edit"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-edit</span>
<li> </li>
<span class="glyphicon glyphicon-eject"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-eject</span> <span class="glyphicon glyphicon-eject"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-eject</span>
<li> </li>
<span class="glyphicon glyphicon-envelope"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-envelope</span> <span class="glyphicon glyphicon-envelope"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-envelope</span>
<li> </li>
<span class="glyphicon glyphicon-euro"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-euro</span> <span class="glyphicon glyphicon-euro"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-euro</span>
<li> </li>
<span class="glyphicon glyphicon-exclamation-sign"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-exclamation-sign</span> <span class="glyphicon glyphicon-exclamation-sign"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-exclamation-sign</span>
<li> </li>
<span class="glyphicon glyphicon-expand"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-expand</span> <span class="glyphicon glyphicon-expand"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-expand</span>
<li> </li>
<span class="glyphicon glyphicon-export"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-export</span> <span class="glyphicon glyphicon-export"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-export</span>
<li> </li>
<span class="glyphicon glyphicon-eye-close"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-eye-close</span> <span class="glyphicon glyphicon-eye-close"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-eye-close</span>
<li> </li>
<span class="glyphicon glyphicon-eye-open"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-eye-open</span> <span class="glyphicon glyphicon-eye-open"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-eye-open</span>
<li> </li>
<span class="glyphicon glyphicon-facetime-video"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-facetime-video</span> <span class="glyphicon glyphicon-facetime-video"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-facetime-video</span>
<li> </li>
<span class="glyphicon glyphicon-fast-backward"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-fast-backward</span> <span class="glyphicon glyphicon-fast-backward"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-fast-backward</span>
<li> </li>
<span class="glyphicon glyphicon-fast-forward"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-fast-forward</span> <span class="glyphicon glyphicon-fast-forward"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-fast-forward</span>
<li> </li>
<span class="glyphicon glyphicon-file"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-file</span> <span class="glyphicon glyphicon-file"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-file</span>
<li> </li>
<span class="glyphicon glyphicon-film"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-film</span> <span class="glyphicon glyphicon-film"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-film</span>
<li> </li>
<span class="glyphicon glyphicon-filter"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-filter</span> <span class="glyphicon glyphicon-filter"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-filter</span>
<li> </li>
<span class="glyphicon glyphicon-fire"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-fire</span> <span class="glyphicon glyphicon-fire"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-fire</span>
<li> </li>
<span class="glyphicon glyphicon-flag"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-flag</span> <span class="glyphicon glyphicon-flag"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-flag</span>
<li> </li>
<span class="glyphicon glyphicon-flash"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-flash</span> <span class="glyphicon glyphicon-flash"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-flash</span>
<li> </li>
<span class="glyphicon glyphicon-floppy-disk"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-floppy-disk</span> <span class="glyphicon glyphicon-floppy-disk"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-floppy-disk</span>
<li> </li>
<span class="glyphicon glyphicon-floppy-open"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-floppy-open</span> <span class="glyphicon glyphicon-floppy-open"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-floppy-open</span>
<li> </li>
<span class="glyphicon glyphicon-floppy-remove"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-floppy-remove</span> <span class="glyphicon glyphicon-floppy-remove"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-floppy-remove</span>
<li> </li>
<span class="glyphicon glyphicon-floppy-save"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-floppy-save</span> <span class="glyphicon glyphicon-floppy-save"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-floppy-save</span>
<li> </li>
<span class="glyphicon glyphicon-floppy-saved"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-floppy-saved</span> <span class="glyphicon glyphicon-floppy-saved"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-floppy-saved</span>
<li> </li>
<span class="glyphicon glyphicon-folder-close"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-folder-close</span> <span class="glyphicon glyphicon-folder-close"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-folder-close</span>
<li> </li>
<span class="glyphicon glyphicon-folder-open"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-folder-open</span> <span class="glyphicon glyphicon-folder-open"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-folder-open</span>
<li> </li>
<span class="glyphicon glyphicon-font"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-font</span> <span class="glyphicon glyphicon-font"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-font</span>
<li> </li>
<span class="glyphicon glyphicon-forward"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-forward</span> <span class="glyphicon glyphicon-forward"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-forward</span>
<li> </li>
<span class="glyphicon glyphicon-fullscreen"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-fullscreen</span> <span class="glyphicon glyphicon-fullscreen"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-fullscreen</span>
<li> </li>
<span class="glyphicon glyphicon-gbp"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-gbp</span> <span class="glyphicon glyphicon-gbp"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-gbp</span>
<li> </li>
<span class="glyphicon glyphicon-gift"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-gift</span> <span class="glyphicon glyphicon-gift"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-gift</span>
<li> </li>
<span class="glyphicon glyphicon-glass"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-glass</span> <span class="glyphicon glyphicon-glass"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-glass</span>
<li> </li>
<span class="glyphicon glyphicon-globe"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-globe</span> <span class="glyphicon glyphicon-globe"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-globe</span>
<li> </li>
<span class="glyphicon glyphicon-hand-down"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-hand-down</span> <span class="glyphicon glyphicon-hand-down"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-hand-down</span>
<li> </li>
<span class="glyphicon glyphicon-hand-left"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-hand-left</span> <span class="glyphicon glyphicon-hand-left"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-hand-left</span>
<li> </li>
<span class="glyphicon glyphicon-hand-right"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-hand-right</span> <span class="glyphicon glyphicon-hand-right"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-hand-right</span>
<li> </li>
<span class="glyphicon glyphicon-hand-up"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-hand-up</span> <span class="glyphicon glyphicon-hand-up"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-hand-up</span>
<li> </li>
<span class="glyphicon glyphicon-hd-video"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-hd-video</span> <span class="glyphicon glyphicon-hd-video"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-hd-video</span>
<li> </li>
<span class="glyphicon glyphicon-hdd"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-hdd</span> <span class="glyphicon glyphicon-hdd"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-hdd</span>
<li> </li>
<span class="glyphicon glyphicon-header"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-header</span> <span class="glyphicon glyphicon-header"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-header</span>
<li> </li>
<span class="glyphicon glyphicon-headphones"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-headphones</span> <span class="glyphicon glyphicon-headphones"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-headphones</span>
<li> </li>
<span class="glyphicon glyphicon-heart"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-heart</span> <span class="glyphicon glyphicon-heart"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-heart</span>
<li> </li>
<span class="glyphicon glyphicon-heart-empty"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-heart-empty</span> <span class="glyphicon glyphicon-heart-empty"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-heart-empty</span>
<li> </li>
<span class="glyphicon glyphicon-home"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-home</span> <span class="glyphicon glyphicon-home"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-home</span>
<li> </li>
<span class="glyphicon glyphicon-import"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-import</span> <span class="glyphicon glyphicon-import"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-import</span>
<li> </li>
<span class="glyphicon glyphicon-inbox"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-inbox</span> <span class="glyphicon glyphicon-inbox"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-inbox</span>
<li> </li>
<span class="glyphicon glyphicon-indent-left"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-indent-left</span> <span class="glyphicon glyphicon-indent-left"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-indent-left</span>
<li> </li>
<span class="glyphicon glyphicon-indent-right"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-indent-right</span> <span class="glyphicon glyphicon-indent-right"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-indent-right</span>
<li> </li>
<span class="glyphicon glyphicon-info-sign"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-info-sign</span> <span class="glyphicon glyphicon-info-sign"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-info-sign</span>
<li> </li>
<span class="glyphicon glyphicon-italic"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-italic</span> <span class="glyphicon glyphicon-italic"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-italic</span>
<li> </li>
<span class="glyphicon glyphicon-leaf"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-leaf</span> <span class="glyphicon glyphicon-leaf"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-leaf</span>
<li> </li>
<span class="glyphicon glyphicon-link"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-link</span> <span class="glyphicon glyphicon-link"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-link</span>
<li> </li>
<span class="glyphicon glyphicon-list"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-list</span> <span class="glyphicon glyphicon-list"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-list</span>
<li> </li>
<span class="glyphicon glyphicon-list-alt"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-list-alt</span> <span class="glyphicon glyphicon-list-alt"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-list-alt</span>
<li> </li>
<span class="glyphicon glyphicon-lock"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-lock</span> <span class="glyphicon glyphicon-lock"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-lock</span>
<li> </li>
<span class="glyphicon glyphicon-log-in"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-log-in</span> <span class="glyphicon glyphicon-log-in"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-log-in</span>
<li> </li>
<span class="glyphicon glyphicon-log-out"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-log-out</span> <span class="glyphicon glyphicon-log-out"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-log-out</span>
<li> </li>
<span class="glyphicon glyphicon-magnet"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-magnet</span> <span class="glyphicon glyphicon-magnet"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-magnet</span>
<li> </li>
<span class="glyphicon glyphicon-map-marker"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-map-marker</span> <span class="glyphicon glyphicon-map-marker"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-map-marker</span>
<li> </li>
<span class="glyphicon glyphicon-minus"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-minus</span> <span class="glyphicon glyphicon-minus"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-minus</span>
<li> </li>
<span class="glyphicon glyphicon-minus-sign"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-minus-sign</span> <span class="glyphicon glyphicon-minus-sign"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-minus-sign</span>
<li> </li>
<span class="glyphicon glyphicon-move"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-move</span> <span class="glyphicon glyphicon-move"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-move</span>
<li> </li>
<span class="glyphicon glyphicon-music"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-music</span> <span class="glyphicon glyphicon-music"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-music</span>
<li> </li>
<span class="glyphicon glyphicon-new-window"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-new-window</span> <span class="glyphicon glyphicon-new-window"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-new-window</span>
<li> </li>
<span class="glyphicon glyphicon-off"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-off</span> <span class="glyphicon glyphicon-off"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-off</span>
<li> </li>
<span class="glyphicon glyphicon-ok"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-ok</span> <span class="glyphicon glyphicon-ok"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-ok</span>
<li> </li>
<span class="glyphicon glyphicon-ok-circle"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-ok-circle</span> <span class="glyphicon glyphicon-ok-circle"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-ok-circle</span>
<li> </li>
<span class="glyphicon glyphicon-ok-sign"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-ok-sign</span> <span class="glyphicon glyphicon-ok-sign"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-ok-sign</span>
<li> </li>
<span class="glyphicon glyphicon-open"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-open</span> <span class="glyphicon glyphicon-open"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-open</span>
<li> </li>
<span class="glyphicon glyphicon-paperclip"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-paperclip</span> <span class="glyphicon glyphicon-paperclip"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-paperclip</span>
<li> </li>
<span class="glyphicon glyphicon-pause"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-pause</span> <span class="glyphicon glyphicon-pause"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-pause</span>
<li> </li>
<span class="glyphicon glyphicon-pencil"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-pencil</span> <span class="glyphicon glyphicon-pencil"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-pencil</span>
<li> </li>
<span class="glyphicon glyphicon-phone"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-phone</span> <span class="glyphicon glyphicon-phone"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-phone</span>
<li> </li>
<span class="glyphicon glyphicon-phone-alt"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-phone-alt</span> <span class="glyphicon glyphicon-phone-alt"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-phone-alt</span>
<li> </li>
<span class="glyphicon glyphicon-picture"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-picture</span> <span class="glyphicon glyphicon-picture"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-picture</span>
<li> </li>
<span class="glyphicon glyphicon-plane"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-plane</span> <span class="glyphicon glyphicon-plane"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-plane</span>
<li> </li>
<span class="glyphicon glyphicon-play"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-play</span> <span class="glyphicon glyphicon-play"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-play</span>
<li> </li>
<span class="glyphicon glyphicon-play-circle"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-play-circle</span> <span class="glyphicon glyphicon-play-circle"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-play-circle</span>
<li> </li>
<span class="glyphicon glyphicon-plus"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-plus</span> <span class="glyphicon glyphicon-plus"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-plus</span>
<li> </li>
<span class="glyphicon glyphicon-plus-sign"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-plus-sign</span> <span class="glyphicon glyphicon-plus-sign"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-plus-sign</span>
<li> </li>
<span class="glyphicon glyphicon-print"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-print</span> <span class="glyphicon glyphicon-print"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-print</span>
<li> </li>
<span class="glyphicon glyphicon-pushpin"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-pushpin</span> <span class="glyphicon glyphicon-pushpin"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-pushpin</span>
<li> </li>
<span class="glyphicon glyphicon-qrcode"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-qrcode</span> <span class="glyphicon glyphicon-qrcode"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-qrcode</span>
<li> </li>
<span class="glyphicon glyphicon-question-sign"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-question-sign</span> <span class="glyphicon glyphicon-question-sign"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-question-sign</span>
<li> </li>
<span class="glyphicon glyphicon-random"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-random</span> <span class="glyphicon glyphicon-random"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-random</span>
<li> </li>
<span class="glyphicon glyphicon-record"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-record</span> <span class="glyphicon glyphicon-record"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-record</span>
<li> </li>
<span class="glyphicon glyphicon-refresh"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-refresh</span> <span class="glyphicon glyphicon-refresh"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-refresh</span>
<li> </li>
<span class="glyphicon glyphicon-registration-mark"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-registration-mark</span> <span class="glyphicon glyphicon-registration-mark"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-registration-mark</span>
<li> </li>
<span class="glyphicon glyphicon-remove"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-remove</span> <span class="glyphicon glyphicon-remove"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-remove</span>
<li> </li>
<span class="glyphicon glyphicon-remove-circle"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-remove-circle</span> <span class="glyphicon glyphicon-remove-circle"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-remove-circle</span>
<li> </li>
<span class="glyphicon glyphicon-remove-sign"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-remove-sign</span> <span class="glyphicon glyphicon-remove-sign"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-remove-sign</span>
<li> </li>
<span class="glyphicon glyphicon-repeat"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-repeat</span> <span class="glyphicon glyphicon-repeat"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-repeat</span>
<li> </li>
<span class="glyphicon glyphicon-resize-full"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-resize-full</span> <span class="glyphicon glyphicon-resize-full"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-resize-full</span>
<li> </li>
<span class="glyphicon glyphicon-resize-horizontal"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-resize-horizontal</span> <span class="glyphicon glyphicon-resize-horizontal"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-resize-horizontal</span>
<li> </li>
<span class="glyphicon glyphicon-resize-small"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-resize-small</span> <span class="glyphicon glyphicon-resize-small"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-resize-small</span>
<li> </li>
<span class="glyphicon glyphicon-resize-vertical"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-resize-vertical</span> <span class="glyphicon glyphicon-resize-vertical"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-resize-vertical</span>
<li> </li>
<span class="glyphicon glyphicon-retweet"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-retweet</span> <span class="glyphicon glyphicon-retweet"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-retweet</span>
<li> </li>
<span class="glyphicon glyphicon-road"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-road</span> <span class="glyphicon glyphicon-road"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-road</span>
<li> </li>
<span class="glyphicon glyphicon-save"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-save</span> <span class="glyphicon glyphicon-save"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-save</span>
<li> </li>
<span class="glyphicon glyphicon-saved"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-saved</span> <span class="glyphicon glyphicon-saved"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-saved</span>
<li> </li>
<span class="glyphicon glyphicon-screenshot"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-screenshot</span> <span class="glyphicon glyphicon-screenshot"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-screenshot</span>
<li> </li>
<span class="glyphicon glyphicon-sd-video"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-sd-video</span> <span class="glyphicon glyphicon-sd-video"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-sd-video</span>
<li> </li>
<span class="glyphicon glyphicon-search"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-search</span> <span class="glyphicon glyphicon-search"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-search</span>
<li> </li>
<span class="glyphicon glyphicon-send"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-send</span> <span class="glyphicon glyphicon-send"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-send</span>
<li> </li>
<span class="glyphicon glyphicon-share"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-share</span> <span class="glyphicon glyphicon-share"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-share</span>
<li> </li>
<span class="glyphicon glyphicon-share-alt"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-share-alt</span> <span class="glyphicon glyphicon-share-alt"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-share-alt</span>
<li> </li>
<span class="glyphicon glyphicon-shopping-cart"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-shopping-cart</span> <span class="glyphicon glyphicon-shopping-cart"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-shopping-cart</span>
<li> </li>
<span class="glyphicon glyphicon-signal"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-signal</span> <span class="glyphicon glyphicon-signal"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-signal</span>
<li> </li>
<span class="glyphicon glyphicon-sort"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-sort</span> <span class="glyphicon glyphicon-sort"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-sort</span>
<li> </li>
<span class="glyphicon glyphicon-sort-by-alphabet"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet</span> <span class="glyphicon glyphicon-sort-by-alphabet"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet</span>
<li> </li>
<span class="glyphicon glyphicon-sort-by-alphabet-alt"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet-alt</span> <span class="glyphicon glyphicon-sort-by-alphabet-alt"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-sort-by-alphabet-alt</span>
<li> </li>
<span class="glyphicon glyphicon-sort-by-attributes"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes</span> <span class="glyphicon glyphicon-sort-by-attributes"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes</span>
<li> </li>
<span class="glyphicon glyphicon-sort-by-attributes-alt"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes-alt</span> <span class="glyphicon glyphicon-sort-by-attributes-alt"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-sort-by-attributes-alt</span>
<li> </li>
<span class="glyphicon glyphicon-sort-by-order"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-sort-by-order</span> <span class="glyphicon glyphicon-sort-by-order"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-sort-by-order</span>
<li> </li>
<span class="glyphicon glyphicon-sort-by-order-alt"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-sort-by-order-alt</span> <span class="glyphicon glyphicon-sort-by-order-alt"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-sort-by-order-alt</span>
<li> </li>
<span class="glyphicon glyphicon-sound-5-1"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-sound-5-1</span> <span class="glyphicon glyphicon-sound-5-1"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-sound-5-1</span>
<li> </li>
<span class="glyphicon glyphicon-sound-6-1"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-sound-6-1</span> <span class="glyphicon glyphicon-sound-6-1"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-sound-6-1</span>
<li> </li>
<span class="glyphicon glyphicon-sound-7-1"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-sound-7-1</span> <span class="glyphicon glyphicon-sound-7-1"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-sound-7-1</span>
<li> </li>
<span class="glyphicon glyphicon-sound-dolby"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-sound-dolby</span> <span class="glyphicon glyphicon-sound-dolby"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-sound-dolby</span>
<li> </li>
<span class="glyphicon glyphicon-sound-stereo"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-sound-stereo</span> <span class="glyphicon glyphicon-sound-stereo"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-sound-stereo</span>
<li> </li>
<span class="glyphicon glyphicon-star"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-star</span> <span class="glyphicon glyphicon-star"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-star</span>
<li> </li>
<span class="glyphicon glyphicon-star-empty"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-star-empty</span> <span class="glyphicon glyphicon-star-empty"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-star-empty</span>
<li> </li>
<span class="glyphicon glyphicon-stats"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-stats</span> <span class="glyphicon glyphicon-stats"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-stats</span>
<li> </li>
<span class="glyphicon glyphicon-step-backward"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-step-backward</span> <span class="glyphicon glyphicon-step-backward"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-step-backward</span>
<li> </li>
<span class="glyphicon glyphicon-step-forward"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-step-forward</span> <span class="glyphicon glyphicon-step-forward"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-step-forward</span>
<li> </li>
<span class="glyphicon glyphicon-stop"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-stop</span> <span class="glyphicon glyphicon-stop"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-stop</span>
<li> </li>
<span class="glyphicon glyphicon-subtitles"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-subtitles</span> <span class="glyphicon glyphicon-subtitles"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-subtitles</span>
<li> </li>
<span class="glyphicon glyphicon-tag"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-tag</span> <span class="glyphicon glyphicon-tag"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-tag</span>
<li> </li>
<span class="glyphicon glyphicon-tags"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-tags</span> <span class="glyphicon glyphicon-tags"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-tags</span>
<li> </li>
<span class="glyphicon glyphicon-tasks"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-tasks</span> <span class="glyphicon glyphicon-tasks"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-tasks</span>
<li> </li>
<span class="glyphicon glyphicon-text-height"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-text-height</span> <span class="glyphicon glyphicon-text-height"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-text-height</span>
<li> </li>
<span class="glyphicon glyphicon-text-width"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-text-width</span> <span class="glyphicon glyphicon-text-width"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-text-width</span>
<li> </li>
<span class="glyphicon glyphicon-th"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-th</span> <span class="glyphicon glyphicon-th"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-th</span>
<li> </li>
<span class="glyphicon glyphicon-th-large"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-th-large</span> <span class="glyphicon glyphicon-th-large"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-th-large</span>
<li> </li>
<span class="glyphicon glyphicon-th-list"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-th-list</span> <span class="glyphicon glyphicon-th-list"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-th-list</span>
<li> </li>
<span class="glyphicon glyphicon-thumbs-down"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-thumbs-down</span> <span class="glyphicon glyphicon-thumbs-down"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-thumbs-down</span>
<li> </li>
<span class="glyphicon glyphicon-thumbs-up"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-thumbs-up</span> <span class="glyphicon glyphicon-thumbs-up"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-thumbs-up</span>
<li> </li>
<span class="glyphicon glyphicon-time"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-time</span> <span class="glyphicon glyphicon-time"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-time</span>
<li> </li>
<span class="glyphicon glyphicon-tint"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-tint</span> <span class="glyphicon glyphicon-tint"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-tint</span>
<li> </li>
<span class="glyphicon glyphicon-tower"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-tower</span> <span class="glyphicon glyphicon-tower"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-tower</span>
<li> </li>
<span class="glyphicon glyphicon-transfer"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-transfer</span> <span class="glyphicon glyphicon-transfer"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-transfer</span>
<li> </li>
<span class="glyphicon glyphicon-trash"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-trash</span> <span class="glyphicon glyphicon-trash"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-trash</span>
<li> </li>
<span class="glyphicon glyphicon-tree-conifer"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-tree-conifer</span> <span class="glyphicon glyphicon-tree-conifer"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-tree-conifer</span>
<li> </li>
<span class="glyphicon glyphicon-tree-deciduous"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-tree-deciduous</span> <span class="glyphicon glyphicon-tree-deciduous"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-tree-deciduous</span>
<li> </li>
<span class="glyphicon glyphicon-unchecked"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-unchecked</span> <span class="glyphicon glyphicon-unchecked"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-unchecked</span>
<li> </li>
<span class="glyphicon glyphicon-upload"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-upload</span> <span class="glyphicon glyphicon-upload"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-upload</span>
<li> </li>
<span class="glyphicon glyphicon-usd"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-usd</span> <span class="glyphicon glyphicon-usd"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-usd</span>
<li> </li>
<span class="glyphicon glyphicon-user"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-user</span> <span class="glyphicon glyphicon-user"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-user</span>
<li> </li>
<span class="glyphicon glyphicon-volume-down"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-volume-down</span> <span class="glyphicon glyphicon-volume-down"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-volume-down</span>
<li> </li>
<span class="glyphicon glyphicon-volume-off"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-volume-off</span> <span class="glyphicon glyphicon-volume-off"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-volume-off</span>
<li> </li>
<span class="glyphicon glyphicon-volume-up"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-volume-up</span> <span class="glyphicon glyphicon-volume-up"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-volume-up</span>
<li> </li>
<span class="glyphicon glyphicon-warning-sign"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-warning-sign</span> <span class="glyphicon glyphicon-warning-sign"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-warning-sign</span>
<li> </li>
<span class="glyphicon glyphicon-wrench"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-wrench</span> <span class="glyphicon glyphicon-wrench"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-wrench</span>
<li> </li>
<span class="glyphicon glyphicon-zoom-in"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-zoom-in</span> <span class="glyphicon glyphicon-zoom-in"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-zoom-in</span>
<li> </li>
<span class="glyphicon glyphicon-zoom-out"></span> <li>
<span class="glyphicon-class">glyphicon glyphicon-zoom-out</span> <span class="glyphicon glyphicon-zoom-out"></span>
</li> <span class="glyphicon-class">glyphicon glyphicon-zoom-out</span>
</ul> </li>
</ul>
</div>
<h2 id="glyphicons-how-to-use">How to use</h2> <h2 id="glyphicons-how-to-use">How to use</h2>
...@@ -1172,7 +1174,7 @@ base_url: "../" ...@@ -1172,7 +1174,7 @@ base_url: "../"
<a class="btn btn-default" role="button">Middle</a> <a class="btn btn-default" role="button">Middle</a>
<div class="btn-group"> <div class="btn-group">
<a class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <a class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Right dropdown <span class="caret"></span> Dropdown <span class="caret"></span>
</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li> <li><a href="#">Action</a></li>
...@@ -3354,6 +3356,43 @@ body { padding-bottom: 70px; } ...@@ -3354,6 +3356,43 @@ body { padding-bottom: 70px; }
<a href="#" class="list-group-item">Porta ac consectetur ac</a> <a href="#" class="list-group-item">Porta ac consectetur ac</a>
<a href="#" class="list-group-item">Vestibulum at eros</a> <a href="#" class="list-group-item">Vestibulum at eros</a>
</div> </div>
{% endhighlight %}
<h3 id="list-group-contextual-classes">Contextual classes</h3>
<p>Use contextual classes to style list items, default or linked. Also includes <code>.active</code> state.</p>
<div class="bs-example">
<div class="row">
<div class="col-sm-6">
<ul class="list-group">
<li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li>
<li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li>
<li class="list-group-item list-group-item-danger">Vestibulum at eros</li>
<li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li>
</ul>
</div>
<div class="col-sm-6">
<div class="list-group">
<a href="#" class="list-group-item list-group-item-success">Dapibus ac facilisis in</a>
<a href="#" class="list-group-item list-group-item-warning">Porta ac consectetur ac</a>
<a href="#" class="list-group-item list-group-item-danger">Vestibulum at eros</a>
<a href="#" class="list-group-item list-group-item-info">Cras sit amet nibh libero</a>
</div>
</div>
</div>
</div>
{% highlight html %}
<ul class="list-group">
<li class="list-group-item list-group-item-success">Dapibus ac facilisis in</li>
<li class="list-group-item list-group-item-warning">Porta ac consectetur ac</li>
<li class="list-group-item list-group-item-danger">Vestibulum at eros</li>
<li class="list-group-item list-group-item-info">Cras sit amet nibh libero</li>
</ul>
<div class="list-group">
<a href="#" class="list-group-item list-group-item-success">Dapibus ac facilisis in</a>
<a href="#" class="list-group-item list-group-item-warning">Porta ac consectetur ac</a>
<a href="#" class="list-group-item list-group-item-danger">Vestibulum at eros</a>
<a href="#" class="list-group-item list-group-item-info">Cras sit amet nibh libero</a>
</div>
{% endhighlight %} {% endhighlight %}
<h3 id="list-group-custom-content">Custom content</h3> <h3 id="list-group-custom-content">Custom content</h3>
......
...@@ -1047,7 +1047,7 @@ base_url: "../" ...@@ -1047,7 +1047,7 @@ base_url: "../"
<h1 id="code">Code</h1> <h1 id="code">Code</h1>
</div> </div>
<h2>Inline</h2> <h2 id="code-inline">Inline</h2>
<p>Wrap inline snippets of code with <code>&lt;code&gt;</code>.</p> <p>Wrap inline snippets of code with <code>&lt;code&gt;</code>.</p>
<div class="bs-example"> <div class="bs-example">
For example, <code>&lt;section&gt;</code> should be wrapped as inline. For example, <code>&lt;section&gt;</code> should be wrapped as inline.
...@@ -1056,7 +1056,16 @@ base_url: "../" ...@@ -1056,7 +1056,16 @@ base_url: "../"
For example, <code>&lt;section&gt;</code> should be wrapped as inline. For example, <code>&lt;section&gt;</code> should be wrapped as inline.
{% endhighlight %} {% endhighlight %}
<h2>Basic block</h2> <h2 id="code-user-input">User input</h2>
<p>Use the <code>&lt;kbd&gt;</code> to indicate input that is typically entered via keyboard.</p>
<div class="bs-example">
To switch directories, type <kbd>cd</kbd> followed the name of the directory.
</div>
{% highlight html %}
To switch directories, type <kbd>cd</kbd> followed the name of the directory.
{% endhighlight %}
<h2 id="code-block">Basic block</h2>
<p>Use <code>&lt;pre&gt;</code> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.</p> <p>Use <code>&lt;pre&gt;</code> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.</p>
<div class="bs-example"> <div class="bs-example">
<pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre> <pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>
...@@ -1327,6 +1336,12 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline. ...@@ -1327,6 +1336,12 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
</td> </td>
<td>Indicates a dangerous or potentially negative action</td> <td>Indicates a dangerous or potentially negative action</td>
</tr> </tr>
<tr>
<td>
<code>.info</code>
</td>
<td>Indicates a neutral informative change or action</td>
</tr>
</tbody> </tbody>
</table> </table>
</div> </div>
...@@ -1383,6 +1398,18 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline. ...@@ -1383,6 +1398,18 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<td>Column content</td> <td>Column content</td>
<td>Column content</td> <td>Column content</td>
</tr> </tr>
<tr>
<td>8</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
<tr class="info">
<td>9</td>
<td>Column content</td>
<td>Column content</td>
<td>Column content</td>
</tr>
</tbody> </tbody>
</table> </table>
</div><!-- /example --> </div><!-- /example -->
...@@ -1392,6 +1419,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline. ...@@ -1392,6 +1419,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<tr class="success">...</tr> <tr class="success">...</tr>
<tr class="warning">...</tr> <tr class="warning">...</tr>
<tr class="danger">...</tr> <tr class="danger">...</tr>
<tr class="info">...</tr>
<!-- On cells (`td` or `th`) --> <!-- On cells (`td` or `th`) -->
<tr> <tr>
...@@ -1399,6 +1427,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline. ...@@ -1399,6 +1427,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<td class="success">...</td> <td class="success">...</td>
<td class="warning">...</td> <td class="warning">...</td>
<td class="danger">...</td> <td class="danger">...</td>
<td class="info">...</td>
</tr> </tr>
{% endhighlight %} {% endhighlight %}
......
...@@ -576,6 +576,10 @@ cite { ...@@ -576,6 +576,10 @@ cite {
text-align: center; text-align: center;
} }
.text-justify {
text-align: justify;
}
.page-header { .page-header {
padding-bottom: 9px; padding-bottom: 9px;
margin: 40px 0 20px; margin: 40px 0 20px;
...@@ -753,6 +757,15 @@ code { ...@@ -753,6 +757,15 @@ code {
border-radius: 4px; border-radius: 4px;
} }
kbd {
padding: 2px 4px;
font-size: 90%;
color: #ffffff;
background-color: #333333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
pre { pre {
display: block; display: block;
padding: 9.5px; padding: 9.5px;
...@@ -1767,6 +1780,24 @@ table th[class*="col-"] { ...@@ -1767,6 +1780,24 @@ table th[class*="col-"] {
background-color: #d0e9c6; background-color: #d0e9c6;
} }
.table > thead > tr > .warning,
.table > tbody > tr > .warning,
.table > tfoot > tr > .warning,
.table > thead > .warning > td,
.table > tbody > .warning > td,
.table > tfoot > .warning > td,
.table > thead > .warning > th,
.table > tbody > .warning > th,
.table > tfoot > .warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > .warning:hover,
.table-hover > tbody > .warning:hover > td,
.table-hover > tbody > .warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > .danger, .table > thead > tr > .danger,
.table > tbody > tr > .danger, .table > tbody > tr > .danger,
.table > tfoot > tr > .danger, .table > tfoot > tr > .danger,
...@@ -1785,22 +1816,22 @@ table th[class*="col-"] { ...@@ -1785,22 +1816,22 @@ table th[class*="col-"] {
background-color: #ebcccc; background-color: #ebcccc;
} }
.table > thead > tr > .warning, .table > thead > tr > .info,
.table > tbody > tr > .warning, .table > tbody > tr > .info,
.table > tfoot > tr > .warning, .table > tfoot > tr > .info,
.table > thead > .warning > td, .table > thead > .info > td,
.table > tbody > .warning > td, .table > tbody > .info > td,
.table > tfoot > .warning > td, .table > tfoot > .info > td,
.table > thead > .warning > th, .table > thead > .info > th,
.table > tbody > .warning > th, .table > tbody > .info > th,
.table > tfoot > .warning > th { .table > tfoot > .info > th {
background-color: #fcf8e3; background-color: #d9edf7;
} }
.table-hover > tbody > tr > .warning:hover, .table-hover > tbody > tr > .info:hover,
.table-hover > tbody > .warning:hover > td, .table-hover > tbody > .info:hover > td,
.table-hover > tbody > .warning:hover > th { .table-hover > tbody > .info:hover > th {
background-color: #faf2cc; background-color: #c4e3f3;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
...@@ -2344,7 +2375,7 @@ fieldset[disabled] .btn-default.active { ...@@ -2344,7 +2375,7 @@ fieldset[disabled] .btn-default.active {
.btn-default .badge { .btn-default .badge {
color: #ffffff; color: #ffffff;
background-color: #fff; background-color: #333333;
} }
.btn-primary { .btn-primary {
...@@ -2390,7 +2421,53 @@ fieldset[disabled] .btn-primary.active { ...@@ -2390,7 +2421,53 @@ fieldset[disabled] .btn-primary.active {
.btn-primary .badge { .btn-primary .badge {
color: #428bca; color: #428bca;
background-color: #fff; background-color: #ffffff;
}
.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #ffffff;
background-color: #47a447;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #ffffff;
} }
.btn-warning { .btn-warning {
...@@ -2436,7 +2513,7 @@ fieldset[disabled] .btn-warning.active { ...@@ -2436,7 +2513,7 @@ fieldset[disabled] .btn-warning.active {
.btn-warning .badge { .btn-warning .badge {
color: #f0ad4e; color: #f0ad4e;
background-color: #fff; background-color: #ffffff;
} }
.btn-danger { .btn-danger {
...@@ -2482,53 +2559,7 @@ fieldset[disabled] .btn-danger.active { ...@@ -2482,53 +2559,7 @@ fieldset[disabled] .btn-danger.active {
.btn-danger .badge { .btn-danger .badge {
color: #d9534f; color: #d9534f;
background-color: #fff; background-color: #ffffff;
}
.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #ffffff;
background-color: #47a447;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
} }
.btn-info { .btn-info {
...@@ -2574,7 +2605,7 @@ fieldset[disabled] .btn-info.active { ...@@ -2574,7 +2605,7 @@ fieldset[disabled] .btn-info.active {
.btn-info .badge { .btn-info .badge {
color: #5bc0de; color: #5bc0de;
background-color: #fff; background-color: #ffffff;
} }
.btn-link { .btn-link {
...@@ -4754,7 +4785,7 @@ textarea.input-group-sm > .input-group-btn > .btn { ...@@ -4754,7 +4785,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
} }
.navbar-default .navbar-toggle .icon-bar { .navbar-default .navbar-toggle .icon-bar {
background-color: #cccccc; background-color: #888888;
} }
.navbar-default .navbar-collapse, .navbar-default .navbar-collapse,
...@@ -5581,6 +5612,114 @@ a.list-group-item.active:focus .list-group-item-text { ...@@ -5581,6 +5612,114 @@ a.list-group-item.active:focus .list-group-item-text {
color: #e1edf7; color: #e1edf7;
} }
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-heading { .list-group-item-heading {
margin-top: 0; margin-top: 0;
margin-bottom: 5px; margin-bottom: 5px;
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -763,7 +763,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery" ...@@ -763,7 +763,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
if (e.keyCode == 38 && index > 0) index-- // up if (e.keyCode == 38 && index > 0) index-- // up
if (e.keyCode == 40 && index < $items.length - 1) index++ // down if (e.keyCode == 40 && index < $items.length - 1) index++ // down
if (!~index) index=0 if (!~index) index = 0
$items.eq(index).focus() $items.eq(index).focus()
} }
...@@ -1013,7 +1013,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery" ...@@ -1013,7 +1013,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
} else if (!this.isShown && this.$backdrop) { } else if (!this.isShown && this.$backdrop) {
this.$backdrop.removeClass('in') this.$backdrop.removeClass('in')
$.support.transition && this.$element.hasClass('fade')? $.support.transition && this.$element.hasClass('fade') ?
this.$backdrop this.$backdrop
.one($.support.transition.end, callback) .one($.support.transition.end, callback)
.emulateTransitionEnd(150) : .emulateTransitionEnd(150) :
...@@ -1213,7 +1213,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery" ...@@ -1213,7 +1213,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
} }
Tooltip.prototype.show = function () { Tooltip.prototype.show = function () {
var e = $.Event('show.bs.'+ this.type) var e = $.Event('show.bs.' + this.type)
if (this.hasContent() && this.enabled) { if (this.hasContent() && this.enabled) {
this.$element.trigger(e) this.$element.trigger(e)
......
...@@ -921,7 +921,6 @@ h1[id] { ...@@ -921,7 +921,6 @@ h1[id] {
*/ */
.highlight { .highlight {
display: none; /* hidden by default, until >480px */
padding: 9px 14px; padding: 9px 14px;
margin-bottom: 14px; margin-bottom: 14px;
background-color: #f7f7f9; background-color: #f7f7f9;
...@@ -949,13 +948,6 @@ h1[id] { ...@@ -949,13 +948,6 @@ h1[id] {
color: #bebec5; color: #bebec5;
} }
/* Show code snippets when we have the space */
@media (min-width: 481px) {
.highlight {
display: block;
}
}
/* /*
* Responsive tests * Responsive tests
...@@ -1037,11 +1029,12 @@ h1[id] { ...@@ -1037,11 +1029,12 @@ h1[id] {
*/ */
.bs-glyphicons { .bs-glyphicons {
margin: 0 -19px 20px -16px;
overflow: hidden;
}
.bs-glyphicons-list {
padding-left: 0; padding-left: 0;
padding-bottom: 1px;
margin-bottom: 20px;
list-style: none; list-style: none;
overflow: hidden;
} }
.bs-glyphicons li { .bs-glyphicons li {
float: left; float: left;
...@@ -1049,7 +1042,7 @@ h1[id] { ...@@ -1049,7 +1042,7 @@ h1[id] {
height: 115px; height: 115px;
padding: 10px; padding: 10px;
margin: 0 -1px -1px 0; margin: 0 -1px -1px 0;
font-size: 12px; font-size: 10px;
line-height: 1.4; line-height: 1.4;
text-align: center; text-align: center;
border: 1px solid #ddd; border: 1px solid #ddd;
...@@ -1069,8 +1062,13 @@ h1[id] { ...@@ -1069,8 +1062,13 @@ h1[id] {
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.bs-glyphicons {
margin-left: 0;
margin-right: 0;
}
.bs-glyphicons li { .bs-glyphicons li {
width: 12.5%; width: 12.5%;
font-size: 12px;
} }
} }
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -17,7 +17,7 @@ base_url: "../" ...@@ -17,7 +17,7 @@ base_url: "../"
<h3 id="download-compiled">Compiled CSS, JS, and fonts</h3> <h3 id="download-compiled">Compiled CSS, JS, and fonts</h3>
<p>The fastest way to get Bootstrap is to download the precompiled and minified versions of our CSS, JavaScript, and fonts. No documentation or original source code files are included.</p> <p>The fastest way to get Bootstrap is to download the precompiled and minified versions of our CSS, JavaScript, and fonts. No documentation or original source code files are included.</p>
<p><a class="btn btn-lg btn-primary" href="{{ site.download_dist }}" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download compiled']);" role="button">Download precompiled Bootstrap</a></p> <p><a class="btn btn-lg btn-primary" href="{{ site.download_dist }}" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download compiled']);" role="button">Download Bootstrap</a></p>
<h3 id="download-additional">Additional downloads</h3> <h3 id="download-additional">Additional downloads</h3>
<div class="bs-docs-dl-options"> <div class="bs-docs-dl-options">
...@@ -805,7 +805,8 @@ bootstrap/ ...@@ -805,7 +805,8 @@ bootstrap/
{% highlight html %} {% highlight html %}
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
{% endhighlight %} {% endhighlight %}
<p>This tag is included in all docs pages and examples to ensure the best rendering possible in each supported version of Internet Explorer.</p> <p>Confirm the document mode by opening the debugging tools: press <kbd>F12</kbd> and check the "Document Mode".</p>
<p>This tag is included in all Bootstrap's documentation and examples to ensure the best rendering possible in each supported version of Internet Explorer.</p>
<p>See <a href="http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge">this StackOverflow question</a> for more information.</p> <p>See <a href="http://stackoverflow.com/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge">this StackOverflow question</a> for more information.</p>
<h3 id="ie-10-width">Internet Explorer 10 in Windows 8 and Windows Phone 8</h3> <h3 id="ie-10-width">Internet Explorer 10 in Windows 8 and Windows Phone 8</h3>
......
...@@ -56,6 +56,10 @@ ...@@ -56,6 +56,10 @@
.btn-primary { .btn-primary {
.button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border); .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
} }
// Success appears as green
.btn-success {
.button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
}
// Warning appears as orange // Warning appears as orange
.btn-warning { .btn-warning {
.button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
...@@ -64,10 +68,6 @@ ...@@ -64,10 +68,6 @@
.btn-danger { .btn-danger {
.button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border); .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
} }
// Success appears as green
.btn-success {
.button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
}
// Info appears as blue-green // Info appears as blue-green
.btn-info { .btn-info {
.button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
......
...@@ -21,6 +21,16 @@ code { ...@@ -21,6 +21,16 @@ code {
border-radius: @border-radius-base; border-radius: @border-radius-base;
} }
// User input typically entered via keyboard
kbd {
padding: 2px 4px;
font-size: 90%;
color: @kbd-color;
background-color: @kbd-bg;
border-radius: @border-radius-small;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}
// Blocks of code // Blocks of code
pre { pre {
display: block; display: block;
......
...@@ -2,17 +2,21 @@ ...@@ -2,17 +2,21 @@
// List groups // List groups
// -------------------------------------------------- // --------------------------------------------------
// Base class // Base class
// //
// Easily usable on <ul>, <ol>, or <div>. // Easily usable on <ul>, <ol>, or <div>.
.list-group { .list-group {
// No need to set list-style: none; since .list-group-item is block level // No need to set list-style: none; since .list-group-item is block level
margin-bottom: 20px; margin-bottom: 20px;
padding-left: 0; // reset padding because ul and ol padding-left: 0; // reset padding because ul and ol
} }
// Individual list items // Individual list items
// ------------------------- //
// Use on `li`s or `div`s within the `.list-group` parent.
.list-group-item { .list-group-item {
position: relative; position: relative;
...@@ -41,7 +45,12 @@ ...@@ -41,7 +45,12 @@
} }
} }
// Linked list items // Linked list items
//
// Use anchor elements instead of `li`s or `div`s to create linked list items.
// Includes an extra `.active` modifier class for showing selected items.
a.list-group-item { a.list-group-item {
color: @list-group-link-color; color: @list-group-link-color;
...@@ -75,8 +84,21 @@ a.list-group-item { ...@@ -75,8 +84,21 @@ a.list-group-item {
} }
} }
// Contextual variants
//
// Add modifier classes to change text and background color on individual items.
// Organizationally, this must come after the `:hover` states.
.list-group-item-variant(success; @state-success-bg; @state-success-text);
.list-group-item-variant(warning; @state-warning-bg; @state-warning-text);
.list-group-item-variant(danger; @state-danger-bg; @state-danger-text);
.list-group-item-variant(info; @state-info-bg; @state-info-text);
// Custom content options // Custom content options
// ------------------------- //
// Extra classes for creating well-formatted content within `.list-group-item`s.
.list-group-item-heading { .list-group-item-heading {
margin-top: 0; margin-top: 0;
......
...@@ -437,6 +437,33 @@ ...@@ -437,6 +437,33 @@
} }
} }
// List Groups
// -------------------------
.list-group-item-variant(@state; @background; @color) {
.list-group-item-@{state} {
color: @color;
background-color: @background;
}
a.list-group-item-@{state} {
color: @color;
.list-group-item-heading { color: inherit; }
&:hover,
&:focus {
color: @color;
background-color: darken(@background, 5%);
}
&.active,
&.active:hover,
&.active:focus {
color: #fff;
background-color: @color;
border-color: @color;
}
}
}
// Button variants // Button variants
// ------------------------- // -------------------------
// Easily pump out default styles, as well as :hover, :focus, :active, // Easily pump out default styles, as well as :hover, :focus, :active,
...@@ -475,7 +502,7 @@ ...@@ -475,7 +502,7 @@
.badge { .badge {
color: @background; color: @background;
background-color: #fff; background-color: @color;
} }
} }
......
...@@ -156,8 +156,9 @@ table { ...@@ -156,8 +156,9 @@ table {
// Generate the contextual variants // Generate the contextual variants
.table-row-variant(active; @table-bg-active); .table-row-variant(active; @table-bg-active);
.table-row-variant(success; @state-success-bg); .table-row-variant(success; @state-success-bg);
.table-row-variant(danger; @state-danger-bg);
.table-row-variant(warning; @state-warning-bg); .table-row-variant(warning; @state-warning-bg);
.table-row-variant(danger; @state-danger-bg);
.table-row-variant(info; @state-info-bg);
// Responsive tables // Responsive tables
......
...@@ -120,6 +120,7 @@ cite { font-style: normal; } ...@@ -120,6 +120,7 @@ cite { font-style: normal; }
.text-left { text-align: left; } .text-left { text-align: left; }
.text-right { text-align: right; } .text-right { text-align: right; }
.text-center { text-align: center; } .text-center { text-align: center; }
.text-justify { text-align: justify; }
// Page header // Page header
......
...@@ -286,7 +286,7 @@ ...@@ -286,7 +286,7 @@
// Navbar toggle // Navbar toggle
@navbar-default-toggle-hover-bg: #ddd; @navbar-default-toggle-hover-bg: #ddd;
@navbar-default-toggle-icon-bar-bg: #ccc; @navbar-default-toggle-icon-bar-bg: #888;
@navbar-default-toggle-border-color: #ddd; @navbar-default-toggle-border-color: #ddd;
...@@ -602,6 +602,9 @@ ...@@ -602,6 +602,9 @@
@code-color: #c7254e; @code-color: #c7254e;
@code-bg: #f9f2f4; @code-bg: #f9f2f4;
@kbd-color: #fff;
@kbd-bg: #333;
@pre-bg: #f5f5f5; @pre-bg: #f5f5f5;
@pre-color: @gray-dark; @pre-color: @gray-dark;
@pre-border-color: #ccc; @pre-border-color: #ccc;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment