For example,
-{% highlight html linenos %}
+{% highlight html %}
For example, <section> should be wrapped as inline.
<section> should be wrapped as inline.
{% endhighlight %}
@@ -953,7 +953,7 @@ For example, <section> should be wrapped as inline.
<p>Sample text here...</p>
<p>Sample text here...</p>{% endhighlight %} @@ -1003,7 +1003,7 @@ For example,
<section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
<section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
<section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
<section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
<section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
<section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
...
<section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
-{% highlight html linenos %}
+{% highlight html %}
-{% highlight html linenos %}
+{% highlight html %}
-{% highlight html linenos %}
+{% highlight html %}
-{% highlight html linenos %}
+{% highlight html %}
@@ -1507,7 +1507,7 @@ For example,
-{% highlight html linenos %}
+{% highlight html %}
<section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
@@ -1694,7 +1694,7 @@ For example,
-{% highlight html linenos %}
+{% highlight html %}
<section> should be wrapped as inline.
.00
@
@@ -1730,7 +1730,7 @@ For example,
-{% highlight html linenos %}
+{% highlight html %}
<section> should be wrapped as inline.
@
@@ -1764,7 +1764,7 @@ For example,
-{% highlight html linenos %}
+{% highlight html %}
<section> should be wrapped as inline.
@@ -1811,7 +1811,7 @@ For example,
<section> should be wrapped as inline.
@@ -1879,7 +1879,7 @@ For example,
<section> should be wrapped as inline.
@@ -1907,7 +1907,7 @@ For example,
-{% highlight html linenos %}
+{% highlight html %}
@@ -1943,7 +1943,7 @@ For example, <section> should be wrapped as inline.
<section> should be wrapped as inline.
<section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
@@ -1994,7 +1994,7 @@ For example,
-{% highlight html linenos %}
+{% highlight html %}
<section> should be wrapped as inline.
@@ -2007,7 +2007,7 @@ For example,
-{% highlight html linenos %}
+{% highlight html %}
@@ -2088,7 +2088,7 @@ For example, <section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
Inline help text
{% endhighlight %}
@@ -2017,7 +2017,7 @@ For example, <section> should be wrapped as inline.
A longer block of help text that breaks onto a new line and may extend beyond one line.
-{% highlight html linenos %}
+{% highlight html %}
A longer block of help text that breaks onto a new line and may extend beyond one line.
{% endhighlight %}
@@ -2044,7 +2044,7 @@ For example, <section> should be wrapped as inline.
<section> should be wrapped as inline.
@@ -2114,7 +2114,7 @@ For example, <section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
{% endhighlight %}
@@ -2129,7 +2129,7 @@ For example, <section> should be wrapped as inline.
<section> should be wrapped as inline.
Primary link
Link
-{% highlight html linenos %}
+{% highlight html %}
Primary link
Link
{% endhighlight %}
@@ -2166,7 +2166,7 @@ For example, <section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
Link
@@ -2199,7 +2199,7 @@ For example, <section> should be wrapped as inline.
<section> should be wrapped as inline.
.pull-left
Float an element left
-{% highlight html linenos %} +{% highlight html %}...
{% endhighlight %}
-{% highlight css linenos %}
+{% highlight css %}
.pull-left {
float: left;
}
@@ -2237,10 +2237,10 @@ For example, <section> should be wrapped as inline.
.pull-right
Float an element right
-{% highlight html linenos %} +{% highlight html %}...
{% endhighlight %}
-{% highlight css linenos %}
+{% highlight css %}
.pull-right {
float: right;
}
@@ -2248,10 +2248,10 @@ For example, <section> should be wrapped as inline.
.clearfix
Clear the float on any element. Utilizes the micro clearfix as popularized by Nicolas Gallagher.
...
{% endhighlight %}
-{% highlight css linenos %}
+{% highlight css %}
// Mixin
.clearfix {
&:before,
@@ -2570,7 +2570,7 @@ For example, <section> should be wrapped as inline.
How to use
Add the appropriate class to any inline element. All icon classes are prefixed with glyphicon- for easy styling. To use, place the following code just about anywhere:
Want to change the icon color? Just change the color of the parent element.
<section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
-{% highlight html linenos %}
+{% highlight html %}
User
@@ -2641,7 +2641,7 @@ For example, - Misc
-{% highlight html linenos %}
+{% highlight html %}
-{% highlight html linenos %}
+{% highlight html %}
<section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
Star
{% endhighlight %}
@@ -2649,7 +2649,7 @@ For example, <section> should be wrapped as inline.
-{% highlight html linenos %}
+{% highlight html %}
{% endhighlight %}
@@ -2663,7 +2663,7 @@ For example, <section> should be wrapped as inline.
.modal(options)
Activates your content as a modal. Accepts an optional options object.
.modal('toggle')
Manually toggles a modal.
- {% highlight js linenos %}$('#myModal').modal('toggle'){% endhighlight %} + {% highlight js %}$('#myModal').modal('toggle'){% endhighlight %}.modal('show')
Manually opens a modal.
- {% highlight js linenos %}$('#myModal').modal('show'){% endhighlight %} + {% highlight js %}$('#myModal').modal('show'){% endhighlight %}.modal('hide')
Manually hides a modal.
- {% highlight js linenos %}$('#myModal').modal('hide'){% endhighlight %} + {% highlight js %}$('#myModal').modal('hide'){% endhighlight %}Events
Bootstrap's modal class exposes a few events for hooking into modal functionality.
@@ -5148,7 +5148,7 @@ $('#myModal').modal({ -{% highlight js linenos %} +{% highlight js %} $('#myModal').on('hidden', function () { // do something… }) @@ -5258,7 +5258,7 @@ $('#myModal').on('hidden', function () {Via data attributes
Add data-toggle="dropdown" to a link or button to toggle a dropdown.
To keep URLs intact, use the data-target attribute instead of href="#".
Markup
-{% highlight html linenos %} +{% highlight html %} Hover over me {% endhighlight %} @@ -5664,19 +5664,19 @@ $('#example').tooltip(options).tooltip('show')
Reveals an element's tooltip.
- {% highlight js linenos %}$('#element').tooltip('show'){% endhighlight %} + {% highlight js %}$('#element').tooltip('show'){% endhighlight %}.tooltip('hide')
Hides an element's tooltip.
- {% highlight js linenos %}$('#element').tooltip('hide'){% endhighlight %} + {% highlight js %}$('#element').tooltip('hide'){% endhighlight %}.tooltip('toggle')
Toggles an element's tooltip.
- {% highlight js linenos %}$('#element').tooltip('toggle'){% endhighlight %} + {% highlight js %}$('#element').tooltip('toggle'){% endhighlight %}.tooltip('destroy')
Hides and destroys an element's tooltip.
- {% highlight js linenos %}$('#element').tooltip('destroy'){% endhighlight %} + {% highlight js %}$('#element').tooltip('destroy'){% endhighlight %} @@ -5756,7 +5756,7 @@ $('#example').tooltip(options)Usage
Enable popovers via JavaScript:
- {% highlight js linenos %}$('#example').popover(options){% endhighlight %} + {% highlight js %}$('#example').popover(options){% endhighlight %}Options
Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".
.popover('show')
Reveals an elements popover.
- {% highlight js linenos %}$('#element').popover('show'){% endhighlight %} + {% highlight js %}$('#element').popover('show'){% endhighlight %}.popover('hide')
Hides an elements popover.
- {% highlight js linenos %}$('#element').popover('hide'){% endhighlight %} + {% highlight js %}$('#element').popover('hide'){% endhighlight %}.popover('toggle')
Toggles an elements popover.
- {% highlight js linenos %}$('#element').popover('toggle'){% endhighlight %} + {% highlight js %}$('#element').popover('toggle'){% endhighlight %}.popover('destroy')
Hides and destroys an element's popover.
- {% highlight js linenos %}$('#element').popover('destroy'){% endhighlight %} + {% highlight js %}$('#element').popover('destroy'){% endhighlight %} @@ -5897,11 +5897,11 @@ $('#example').tooltip(options)Usage
Enable dismissal of an alert via JavaScript:
- {% highlight js linenos %}$(".alert").alert(){% endhighlight %} + {% highlight js %}$(".alert").alert(){% endhighlight %}Markup
Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.
Methods
@@ -5910,7 +5910,7 @@ $('#example').tooltip(options).alert('close')
Closes an alert.
- {% highlight js linenos %}$(".alert").alert('close'){% endhighlight %} + {% highlight js %}$(".alert").alert('close'){% endhighlight %}Events
@@ -5933,7 +5933,7 @@ $('#example').tooltip(options) -{% highlight js linenos %} +{% highlight js %} $('#my-alert').bind('closed', function () { // do something… }) @@ -5959,7 +5959,7 @@ $('#my-alert').bind('closed', function () { Loading state -{% highlight html linenos %} +{% highlight html %} @@ -5970,7 +5970,7 @@ $('#my-alert').bind('closed', function () {$().button('loading')
Sets button state to loading - disables button and swaps text to loading text. Loading text should be defined on the button element using the data attribute data-loading-text.
$().button(string)
Resets button state - swaps text to any data defined text state.
-{% highlight html linenos %} +{% highlight html %}