From 7b23005f58d3128ce08d5327f4e5c19e678d86bb Mon Sep 17 00:00:00 2001 From: Supergibbs Date: Fri, 29 May 2015 11:29:56 -0700 Subject: Clarified documentation about input groups and added an example of multiple buttons --- docs/_includes/components/input-groups.html | 44 +++++++++++++++++++++++++++-- docs/_includes/nav/components.html | 1 + 2 files changed, 43 insertions(+), 2 deletions(-) (limited to 'docs/_includes') diff --git a/docs/_includes/components/input-groups.html b/docs/_includes/components/input-groups.html index 665c5b7cc..7ea56c1c9 100644 --- a/docs/_includes/components/input-groups.html +++ b/docs/_includes/components/input-groups.html @@ -1,7 +1,7 @@

Input groups

-

Extend form controls by adding text or buttons before, after, or on both sides of any text-based <input>. Use .input-group with an .input-group-addon to prepend or append elements to a single .form-control.

+

Extend form controls by adding text or buttons before, after, or on both sides of any text-based <input>. Use .input-group with an .input-group-addon or .input-group-btn to prepend or append elements to a single .form-control.

Textual <input>s only

@@ -24,7 +24,7 @@

Basic example

Place one add-on or button on either side of an input. You may also place one on both sides of an input.

-

We do not support multiple add-ons on a single side.

+

We do not support multiple add-ons (.input-group-addon or .input-group-btn) on a single side.

We do not support multiple form-controls in a single input group.

@@ -312,5 +312,45 @@
+{% endhighlight %} + +

Multiple buttons

+

While you can only have one add-on per side, you can have multiple buttons inside a single .input-group-btn.

+ +
+
+
+
+ + +
+ +
+
+
+
+ +
+ + +
+
+
+
+ +{% highlight html %} +
+
+ +
+ +
+ +
+ +
+ +
+
{% endhighlight %}
diff --git a/docs/_includes/nav/components.html b/docs/_includes/nav/components.html index 1ec91b563..66b9ac0a0 100644 --- a/docs/_includes/nav/components.html +++ b/docs/_includes/nav/components.html @@ -45,6 +45,7 @@
  • Button addons
  • Buttons with dropdowns
  • Segmented buttons
  • +
  • Multiple buttons
  • -- cgit v1.2.3 From 24918b3bd854049fa1f3cecad81677576f2e1a29 Mon Sep 17 00:00:00 2001 From: Supergibbs Date: Fri, 29 May 2015 11:32:25 -0700 Subject: A little cleanup --- docs/_includes/components/input-groups.html | 3 --- 1 file changed, 3 deletions(-) (limited to 'docs/_includes') diff --git a/docs/_includes/components/input-groups.html b/docs/_includes/components/input-groups.html index 7ea56c1c9..7f5d2fe73 100644 --- a/docs/_includes/components/input-groups.html +++ b/docs/_includes/components/input-groups.html @@ -96,7 +96,6 @@ {% endhighlight %} -

    Checkboxes and radio addons

    Place any checkbox or radio option within an input group's addon instead of text.

    @@ -140,7 +139,6 @@ {% endhighlight %} -

    Button addons

    Buttons in input groups are a bit different and require one extra level of nesting. Instead of .input-group-addon, you'll need to use .input-group-btn to wrap the buttons. This is required due to default browser styles that cannot be overridden.

    @@ -185,7 +183,6 @@ {% endhighlight %}

    Buttons with dropdowns

    -

    -- cgit v1.2.3 From 78bdbcdc0858efc57273da6f0d3f772076919e2f Mon Sep 17 00:00:00 2001 From: Dan Kaplun Date: Sat, 30 May 2015 10:59:34 -0400 Subject: Adds @dl-horizontal-breakpoint --- docs/_includes/customizer-variables.html | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'docs/_includes') diff --git a/docs/_includes/customizer-variables.html b/docs/_includes/customizer-variables.html index 4dde831cb..c260b90d2 100644 --- a/docs/_includes/customizer-variables.html +++ b/docs/_includes/customizer-variables.html @@ -1878,6 +1878,11 @@

    Width of horizontal description list titles

    +
    + + +

    Point at which .dl-horizontal becomes horizontal

    +
    -- cgit v1.2.3 From 315db4a005c880eecb01211d7d99d4137364353e Mon Sep 17 00:00:00 2001 From: Kevin Kirsche Date: Wed, 27 May 2015 09:29:01 -0400 Subject: Clarify that
    only uses the disabled attribute Fix #16632 --- docs/_includes/css/forms.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes') diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html index e6d4a173e..554d79c6b 100644 --- a/docs/_includes/css/forms.html +++ b/docs/_includes/css/forms.html @@ -256,7 +256,7 @@

    Checkboxes and radios

    Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.

    -

    A checkbox or radio with the disabled attribute will be styled appropriately. To have the <label> for the checkbox or radio also display a "not-allowed" cursor when the user hovers over the label, add the .disabled class to your .radio, .radio-inline, .checkbox, .checkbox-inline, or <fieldset>.

    +

    Disabled checkboxes and radios are supported, but to provide a "not-allowed" cursor on hover, you'll need to add the .disabled class to the parent .radio, .radio-inline, .checkbox, or .checkbox-inline.

    Default (stacked)

    -- cgit v1.2.3 From de2b660a1485018671ddc3b29d28a4506876fa09 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 18 Jun 2015 16:25:08 -0700 Subject: Clarify what's being hovered /cc @kkirsche --- docs/_includes/css/forms.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes') diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html index 554d79c6b..f0d59018b 100644 --- a/docs/_includes/css/forms.html +++ b/docs/_includes/css/forms.html @@ -256,7 +256,7 @@

    Checkboxes and radios

    Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.

    -

    Disabled checkboxes and radios are supported, but to provide a "not-allowed" cursor on hover, you'll need to add the .disabled class to the parent .radio, .radio-inline, .checkbox, or .checkbox-inline.

    +

    Disabled checkboxes and radios are supported, but to provide a "not-allowed" cursor on hover of the parent <label>, you'll need to add the .disabled class to the parent .radio, .radio-inline, .checkbox, or .checkbox-inline.

    Default (stacked)

    -- cgit v1.2.3 From fe36aec994692f425196493120e1be4cf399c8ef Mon Sep 17 00:00:00 2001 From: Kevin Kirsche Date: Thu, 18 Jun 2015 20:03:35 -0400 Subject: Re-order popover elements in docs X-Ref #13969 --- docs/_includes/js/popovers.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/_includes') diff --git a/docs/_includes/js/popovers.html b/docs/_includes/js/popovers.html index 9e2532733..39a667061 100644 --- a/docs/_includes/js/popovers.html +++ b/docs/_includes/js/popovers.html @@ -86,8 +86,8 @@ $(function () {

    Four directions

    - -
    -- cgit v1.2.3 From d4fc042dcdb3f80c917b25f91f6b0906c574d93a Mon Sep 17 00:00:00 2001 From: vsn4ik Date: Fri, 19 Jun 2015 22:46:34 +0300 Subject: Added *.min.map to whats-included. --- docs/_includes/getting-started/whats-included.html | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'docs/_includes') diff --git a/docs/_includes/getting-started/whats-included.html b/docs/_includes/getting-started/whats-included.html index 08c704d10..b9b42179a 100644 --- a/docs/_includes/getting-started/whats-included.html +++ b/docs/_includes/getting-started/whats-included.html @@ -18,9 +18,11 @@ bootstrap/ │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css +│ ├── bootstrap.min.css.map │ ├── bootstrap-theme.css │ ├── bootstrap-theme.css.map -│ └── bootstrap-theme.min.css +│ ├── bootstrap-theme.min.css +│ └── bootstrap-theme.min.css.map ├── js/ │ ├── bootstrap.js │ └── bootstrap.min.js -- cgit v1.2.3 From 06bec750066fd6696d7beb9a6eef0519a37062b5 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Tue, 30 Jun 2015 17:21:04 -0700 Subject: Add Methods section to Popovers nav menu in docs [skip sauce] --- docs/_includes/js/popovers.html | 2 +- docs/_includes/nav/javascript.html | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/_includes') diff --git a/docs/_includes/js/popovers.html b/docs/_includes/js/popovers.html index 39a667061..78369ea05 100644 --- a/docs/_includes/js/popovers.html +++ b/docs/_includes/js/popovers.html @@ -248,7 +248,7 @@ sagittis lacus vel augue laoreet rutrum faucibus.">

    Options for individual popovers can alternatively be specified through the use of data attributes, as explained above.

    -

    Methods

    +

    Methods

    $().popover(options)

    Initializes popovers for an element collection.

    diff --git a/docs/_includes/nav/javascript.html b/docs/_includes/nav/javascript.html index de9834248..f8d314faa 100644 --- a/docs/_includes/nav/javascript.html +++ b/docs/_includes/nav/javascript.html @@ -69,6 +69,7 @@
  • Examples
  • Usage
  • Options
  • +
  • Methods
  • Events
  • -- cgit v1.2.3 From e723395cc3371d3d499dc2448baadcd7aa13b34a Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Wed, 1 Jul 2015 16:39:12 -0700 Subject: Document that Collapse show,hide,toggle methods are async; fixes #16746 [skip sauce] --- docs/_includes/js/collapse.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/_includes') diff --git a/docs/_includes/js/collapse.html b/docs/_includes/js/collapse.html index 084bb4bad..6d856862a 100644 --- a/docs/_includes/js/collapse.html +++ b/docs/_includes/js/collapse.html @@ -229,13 +229,13 @@ $('#myCollapsible').collapse({ {% endhighlight %}

    .collapse('toggle')

    -

    Toggles a collapsible element to shown or hidden.

    +

    Toggles a collapsible element to shown or hidden. Returns to the caller before the collapsible element has actually been shown or hidden (i.e. before the shown.bs.collapse or hidden.bs.collapse event occurs).

    .collapse('show')

    -

    Shows a collapsible element.

    +

    Shows a collapsible element. Returns to the caller before the collapsible element has actually been shown (i.e. before the shown.bs.collapse event occurs).

    .collapse('hide')

    -

    Hides a collapsible element.

    +

    Hides a collapsible element. Returns to the caller before the collapsible element has actually been hidden (i.e. before the hidden.bs.collapse event occurs).

    Events

    Bootstrap's collapse class exposes a few events for hooking into collapse functionality.

    -- cgit v1.2.3 From ef02c559455549ee6699e3cc19fec64bff953477 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Wed, 1 Jul 2015 16:42:13 -0700 Subject: Document that Tab show method is async [skip sauce] --- docs/_includes/js/tabs.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/_includes') diff --git a/docs/_includes/js/tabs.html b/docs/_includes/js/tabs.html index 5ce8a766e..033b42430 100644 --- a/docs/_includes/js/tabs.html +++ b/docs/_includes/js/tabs.html @@ -98,7 +98,7 @@ $('#myTabs li:eq(2) a').tab('show') // Select third tab (0-indexed)

    .tab('show')

    -

    Selects the given tab and shows its associated content. Any other tab that was previously selected becomes unselected and its associated content is hidden.

    +

    Selects the given tab and shows its associated content. Any other tab that was previously selected becomes unselected and its associated content is hidden. Returns to the caller before the tab pane has actually been shown (i.e. before the shown.bs.tab event occurs).

    {% highlight js %}$('#someTab').tab('show'){% endhighlight %}

    Events

    -- cgit v1.2.3 From c7ddec640adcc112bd816f606e20dace0f4768c0 Mon Sep 17 00:00:00 2001 From: Matt Kantor Date: Sat, 4 Jul 2015 13:32:19 -0700 Subject: Update Twitter's address in examples. They're no longer on Folsom St. --- docs/_includes/css/type.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/_includes') diff --git a/docs/_includes/css/type.html b/docs/_includes/css/type.html index 294a1df29..839336e6d 100644 --- a/docs/_includes/css/type.html +++ b/docs/_includes/css/type.html @@ -246,8 +246,8 @@ You can use the mark tag to highlight text.
    Twitter, Inc.
    - 795 Folsom Ave, Suite 600
    - San Francisco, CA 94107
    + 1355 Market Street, Suite 900
    + San Francisco, CA 94103
    P: (123) 456-7890
    @@ -258,8 +258,8 @@ You can use the mark tag to highlight text. {% highlight html %}
    Twitter, Inc.
    - 795 Folsom Ave, Suite 600
    - San Francisco, CA 94107
    + 1355 Market Street, Suite 900
    + San Francisco, CA 94103
    P: (123) 456-7890
    -- cgit v1.2.3 From 38c715316bc6d561a41bf4fa8e5eefa979c39ad0 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Thu, 9 Jul 2015 10:42:16 +0100 Subject: Add example with visible
    +
    + +
    + https://example.com/users/ + +
    {% highlight html %}
    @@ -59,6 +65,12 @@ .00
    + + +
    + https://example.com/users/ + +
    {% endhighlight %}

    Sizing

    -- cgit v1.2.3 From 185dd0d8246e0250885aa9983d8a02ca8c79a329 Mon Sep 17 00:00:00 2001 From: Zac Echola Date: Mon, 13 Jul 2015 13:17:02 -0500 Subject: Move help block docs up page, add `.help-block` to validation example --- docs/_includes/css/forms.html | 52 +++++++++++++++++++++++-------------------- docs/_includes/nav/css.html | 2 +- 2 files changed, 29 insertions(+), 25 deletions(-) (limited to 'docs/_includes') diff --git a/docs/_includes/css/forms.html b/docs/_includes/css/forms.html index f0d59018b..fab5ea102 100644 --- a/docs/_includes/css/forms.html +++ b/docs/_includes/css/forms.html @@ -609,6 +609,30 @@ {% endhighlight %} +

    Help text

    +

    Block level help text for form controls.

    +
    +

    Associating help text with form controls

    +

    Help text should be explicitly associated with the form control it relates to using the aria-describedby attribute. This will ensure that assistive technologies – such as screen readers – will announce this help text when the user focuses or enters the control.

    +
    +
    +
    +
    + + +
    + A block of help text that breaks onto a new line and may extend beyond one line. +
    +
    +{% highlight html %} + + +... +A block of help text that breaks onto a new line and may extend beyond one line. +{% endhighlight %} + + +

    Validation states

    Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add .has-warning, .has-error, or .has-success to the parent element. Any .control-label, .form-control, and .help-block within that element will receive the validation styles.

    @@ -622,7 +646,8 @@
    - + + A block of help text that breaks onto a new line and may extend beyond one line.
    @@ -661,7 +686,8 @@ {% highlight html %}
    - + + A block of help text that breaks onto a new line and may extend beyond one line.
    @@ -1001,25 +1027,3 @@
    {% endhighlight %} -

    Help text

    -

    Block level help text for form controls.

    -
    -

    Associating help text with form controls

    -

    Help text should be explicitly associated with the form control it relates to using the aria-describedby attribute. This will ensure that assistive technologies – such as screen readers – will announce this help text when the user focuses or enters the control.

    -
    -
    - -
    - - -
    - A block of help text that breaks onto a new line and may extend beyond one line. - -
    -{% highlight html %} - - -... -A block of help text that breaks onto a new line and may extend beyond one line. -{% endhighlight %} -
    diff --git a/docs/_includes/nav/css.html b/docs/_includes/nav/css.html index 02becfe68..59134bdfc 100644 --- a/docs/_includes/nav/css.html +++ b/docs/_includes/nav/css.html @@ -73,9 +73,9 @@
  • Focus state
  • Disabled state
  • Readonly state
  • +
  • Help text
  • Validation states
  • Control sizing
  • -
  • Help text
  • -- cgit v1.2.3 From 63f5da62bf312af41ce8cbeb7af2e135f81e57d5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 17 Jul 2015 15:59:30 -0700 Subject: remove all instances of .bs-docs-grid in grid docs since it's unused. nullifies #16838 --- docs/_includes/css/grid.html | 158 ++++++++++++++++++++----------------------- 1 file changed, 73 insertions(+), 85 deletions(-) (limited to 'docs/_includes') diff --git a/docs/_includes/css/grid.html b/docs/_includes/css/grid.html index 2e551616e..5b14dd7d1 100644 --- a/docs/_includes/css/grid.html +++ b/docs/_includes/css/grid.html @@ -119,34 +119,32 @@

    Example: Stacked-to-horizontal

    Using a single set of .col-md-* grid classes, you can create a basic grid system that starts out stacked on mobile devices and tablet devices (the extra small to small range) before becoming horizontal on desktop (medium) devices. Place grid columns in any .row.

    -
    -
    -
    .col-md-1
    -
    .col-md-1
    -
    .col-md-1
    -
    .col-md-1
    -
    .col-md-1
    -
    .col-md-1
    -
    .col-md-1
    -
    .col-md-1
    -
    .col-md-1
    -
    .col-md-1
    -
    .col-md-1
    -
    .col-md-1
    -
    -
    -
    .col-md-8
    -
    .col-md-4
    -
    -
    -
    .col-md-4
    -
    .col-md-4
    -
    .col-md-4
    -
    -
    -
    .col-md-6
    -
    .col-md-6
    -
    +
    +
    .col-md-1
    +
    .col-md-1
    +
    .col-md-1
    +
    .col-md-1
    +
    .col-md-1
    +
    .col-md-1
    +
    .col-md-1
    +
    .col-md-1
    +
    .col-md-1
    +
    .col-md-1
    +
    .col-md-1
    +
    .col-md-1
    +
    +
    +
    .col-md-8
    +
    .col-md-4
    +
    +
    +
    .col-md-4
    +
    .col-md-4
    +
    .col-md-4
    +
    +
    +
    .col-md-6
    +
    .col-md-6
    {% highlight html %}
    @@ -190,20 +188,18 @@

    Example: Mobile and desktop

    Don't want your columns to simply stack in smaller devices? Use the extra small and medium device grid classes by adding .col-xs-* .col-md-* to your columns. See the example below for a better idea of how it all works.

    -
    -
    -
    .col-xs-12 .col-md-8
    -
    .col-xs-6 .col-md-4
    -
    -
    -
    .col-xs-6 .col-md-4
    -
    .col-xs-6 .col-md-4
    -
    .col-xs-6 .col-md-4
    -
    -
    -
    .col-xs-6
    -
    .col-xs-6
    -
    +
    +
    .col-xs-12 .col-md-8
    +
    .col-xs-6 .col-md-4
    +
    +
    +
    .col-xs-6 .col-md-4
    +
    .col-xs-6 .col-md-4
    +
    .col-xs-6 .col-md-4
    +
    +
    +
    .col-xs-6
    +
    .col-xs-6
    {% highlight html %} @@ -228,18 +224,16 @@

    Example: Mobile, tablet, desktop

    Build on the previous example by creating even more dynamic and powerful layouts with tablet .col-sm-* classes.

    -
    -
    -
    .col-xs-12 .col-sm-6 .col-md-8
    -
    .col-xs-6 .col-md-4
    -
    -
    -
    .col-xs-6 .col-sm-4
    -
    .col-xs-6 .col-sm-4
    - -
    -
    .col-xs-6 .col-sm-4
    -
    +
    +
    .col-xs-12 .col-sm-6 .col-md-8
    +
    .col-xs-6 .col-md-4
    +
    +
    +
    .col-xs-6 .col-sm-4
    +
    .col-xs-6 .col-sm-4
    + +
    +
    .col-xs-6 .col-sm-4
    {% highlight html %}
    @@ -257,12 +251,10 @@

    Example: Column wrapping

    If more than 12 columns are placed within a single row, each group of extra columns will, as one unit, wrap onto a new line.

    -
    -
    -
    .col-xs-9
    -
    .col-xs-4
    Since 9 + 4 = 13 > 12, this 4-column-wide div gets wrapped onto a new line as one contiguous unit.
    -
    .col-xs-6
    Subsequent columns continue along the new line.
    -
    +
    +
    .col-xs-9
    +
    .col-xs-4
    Since 9 + 4 = 13 > 12, this 4-column-wide div gets wrapped onto a new line as one contiguous unit.
    +
    .col-xs-6
    Subsequent columns continue along the new line.
    {% highlight html %}
    @@ -274,21 +266,19 @@

    Responsive column resets

    With the four tiers of grids available you're bound to run into issues where, at certain breakpoints, your columns don't clear quite right as one is taller than the other. To fix that, use a combination of a .clearfix and our responsive utility classes.

    -
    -
    -
    - .col-xs-6 .col-sm-3 -
    - Resize your viewport or check it out on your phone for an example. -
    -
    .col-xs-6 .col-sm-3
    +
    +
    + .col-xs-6 .col-sm-3 +
    + Resize your viewport or check it out on your phone for an example. +
    +
    .col-xs-6 .col-sm-3
    - -
    + +
    -
    .col-xs-6 .col-sm-3
    -
    .col-xs-6 .col-sm-3
    -
    +
    .col-xs-6 .col-sm-3
    +
    .col-xs-6 .col-sm-3
    {% highlight html %}
    @@ -318,18 +308,16 @@

    Offsetting columns

    Move columns to the right using .col-md-offset-* classes. These classes increase the left margin of a column by * columns. For example, .col-md-offset-4 moves .col-md-4 over four columns.

    -
    -
    -
    .col-md-4
    -
    .col-md-4 .col-md-offset-4
    -
    -
    -
    .col-md-3 .col-md-offset-3
    -
    .col-md-3 .col-md-offset-3
    -
    -
    -
    .col-md-6 .col-md-offset-3
    -
    +
    +
    .col-md-4
    +
    .col-md-4 .col-md-offset-4
    +
    +
    +
    .col-md-3 .col-md-offset-3
    +
    .col-md-3 .col-md-offset-3
    +
    +
    +
    .col-md-6 .col-md-offset-3
    {% highlight html %}
    -- cgit v1.2.3 From abdf41f5f3ad682e57a60f662e7a6ed56b4e3e54 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Sun, 26 Jul 2015 00:25:00 +0300 Subject: Add a local jQuery fallback. Shouldn't really happen, but China for example has blocked Google so this should help. --- docs/_includes/footer.html | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/_includes') diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html index ebc6018f5..e75497c69 100644 --- a/docs/_includes/footer.html +++ b/docs/_includes/footer.html @@ -33,6 +33,7 @@ ================================================== --> + {% if site.github %} -- cgit v1.2.3 From c9c9c614a90639e36b34ae44cf4001c01ba9146b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 31 Jul 2015 15:03:17 -0700 Subject: simpler footer with no social buttons, fewer links --- docs/_includes/footer.html | 41 +++++++------------------------------- docs/_includes/social-buttons.html | 16 --------------- 2 files changed, 7 insertions(+), 50 deletions(-) delete mode 100644 docs/_includes/social-buttons.html (limited to 'docs/_includes') diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html index e75497c69..5ac992f99 100644 --- a/docs/_includes/footer.html +++ b/docs/_includes/footer.html @@ -2,30 +2,18 @@ ================================================== --> @@ -63,21 +51,6 @@ -{% comment %} - Inject Twitter widgets asynchronously. Snippet snipped from Twitter's - JS interface site: https://dev.twitter.com/docs/tfw-javascript - - * "js.async=1;" added to add async attribute to the generated script tag. -{% endcomment %} - -