From ec8619a9808b9b6e721334af8e6b5248ccbea8b5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 17 Sep 2011 17:21:43 -0700 Subject: update docs to remove old stuff, update to all new classes; no more backwards compatibility --- docs/index.html | 236 ++++++++++++++++++++++++++++----------------------- docs/javascript.html | 8 +- 2 files changed, 132 insertions(+), 112 deletions(-) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index f99b756fe..5c5162471 100644 --- a/docs/index.html +++ b/docs/index.html @@ -6,7 +6,7 @@ - + @@ -37,22 +37,42 @@ -
+
Bootstrap @@ -718,102 +738,6 @@ - -
-
-

Media Displaying images and videos

-
- -
-
-

Media grid

-

Display thumbnails of varying sizes on pages with a low HTML footprint and minimal styles.

-
-
-

Example thumbnails

-

Thumbnails in the .media-grid can be any size, but they work best when mapped directly to the built-in Bootstrap grid system. Image widths like 90, 210, and 330 combine with a few pixels of padding to equal the .span2, .span4, and .span6 column sizes.

-

Large

- -

Medium

- -

Small

- -

Coding them

-

Media grids are easy to use and rather simple on the markup side. Their dimensions are purely based on the size of the images included.

-
-<ul class="media-grid">
-  <li>
-    <a href="#">
-      <img class="thumbnail" src="http://placehold.it/330x230" alt="">
-    </a>
-  </li>
-  <li>
-    <a href="#">
-      <img class="thumbnail" src="http://placehold.it/330x230" alt="">
-    </a>
-  </li>
-</ul>
-
-
-
-
- - -
@@ -1295,6 +1219,102 @@ + +
+
+

Media Displaying images and videos

+
+ +
+
+

Media grid

+

Display thumbnails of varying sizes on pages with a low HTML footprint and minimal styles.

+
+
+

Example thumbnails

+

Thumbnails in the .media-grid can be any size, but they work best when mapped directly to the built-in Bootstrap grid system. Image widths like 90, 210, and 330 combine with a few pixels of padding to equal the .span2, .span4, and .span6 column sizes.

+

Large

+ +

Medium

+ +

Small

+ +

Coding them

+

Media grids are easy to use and rather simple on the markup side. Their dimensions are purely based on the size of the images included.

+
+<ul class="media-grid">
+  <li>
+    <a href="#">
+      <img class="thumbnail" src="http://placehold.it/330x230" alt="">
+    </a>
+  </li>
+  <li>
+    <a href="#">
+      <img class="thumbnail" src="http://placehold.it/330x230" alt="">
+    </a>
+  </li>
+</ul>
+
+
+
+
+ + + @@ -1378,6 +1245,7 @@

Tabs and pills

Create simple secondary navigation with a <ul>. Swap between tabs or pills by adding the appropriate class.

Great for sub-sections of content like our account settings pages and user timelines for toggling between pages of like content. Available in tabbed or pill styles.

+

Get the javascript »

    @@ -1929,6 +1797,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita +
-- cgit v1.2.3 From ecdba931ec4a6eced099026c1aeab503567a4e0a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 29 Sep 2011 01:41:03 -0700 Subject: remove that test gradient --- docs/index.html | 3 --- 1 file changed, 3 deletions(-) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index 75a18ea40..d24bb1afd 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1796,9 +1796,6 @@ Lorem ipsum dolar sit amet illo error ipsum verita - -
-
-- cgit v1.2.3 From 0a6d8c30db0600ab8d33e14ead0ff120cd03ac9d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 29 Sep 2011 02:21:02 -0700 Subject: adding button groups and toolbars like a boss --- docs/index.html | 85 +++++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 80 insertions(+), 5 deletions(-) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index d24bb1afd..137144991 100644 --- a/docs/index.html +++ b/docs/index.html @@ -898,7 +898,7 @@

-
+

Search form

@@ -911,7 +911,7 @@
- +

Inline form

@@ -928,7 +928,7 @@
- +

Horizontal form

@@ -1032,7 +1032,7 @@
-
+

Vertical form

@@ -1075,7 +1075,82 @@
-
+ + +
+
+

Buttons

+

As a convention, buttons are used for actions while links are used for objects. For instance, "Download" could be a button and "recent activity" could be a link.

+

All buttons default to a light gray style, but a number of functional classes can be applied for different color styles. These classes include a blue .primary class, a light-blue .info class, a green .success class, and a red .danger class.

+
+
+

Example buttons

+

Button styles can be applied to anything with the .btn applied. Typically you’ll want to apply these to only <a>, <button>, and select <input> elements. Here’s how it looks:

+
+      +
+

Alternate sizes

+

Fancy larger or smaller buttons? Have at it!

+
+ Primary action + Action +
+
+ Primary action + Action +
+

Disabled state

+

For buttons that are not active or are disabled by the app for one reason or another, use the disabled state. That’s .disabled for links and :disabled for <button> elements.

+

Links

+
+ Primary action + Action +
+

Buttons

+
+   +
+
+
+ +
+
+

Button groups

+
+
+

Example

+
+
+ Left + Middle + Right +
+
+
+
+
+ 1 + 2 + 3 + 4 + 5 +
+
+ 6 + 7 + 8 +
+
+ 9 +
+
+ 10 +
+
+
+
+
+ -- cgit v1.2.3 From c9669be1ec2862b88ffdb296191e82fed79f56a4 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Wed, 5 Oct 2011 00:14:55 -0700 Subject: get modal working with new data-attrs --- docs/javascript.html | 21 +++++++++------------ 1 file changed, 9 insertions(+), 12 deletions(-) (limited to 'docs') diff --git a/docs/javascript.html b/docs/javascript.html index d5eb98739..9f2b13876 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -12,7 +12,7 @@ - + @@ -182,7 +182,7 @@ $('#my-modal').bind('hidden', function () { - - @@ -221,7 +219,7 @@ $('#my-modal').bind('hidden', function () { 
 <ul class="tabs">
   <li class="active"><a href="#">Home</a></li>
-  <li class="dropdown" data-dropdown="dropdown" >
+  <li class="dropdown" data-dropdown="true" >
     <a href="#" class="dropdown-toggle">Dropdown</a>
     <ul class="dropdown-menu">
       <li><a href="#">Secondary link</a></li>
@@ -231,7 +229,6 @@ $('#my-modal').bind('hidden', function () {
     </ul>
   </li>
 </ul>
-

Notice If your ui has several dropdowns, consider adding the data-dropdown attribute to a more significant container element like .tabs or .topbar.

Methods

$().dropdown()

@@ -239,7 +236,7 @@ $('#my-modal').bind('hidden', function () {

Demo

-
+
Project Name @@ -252,7 +249,7 @@ $('#my-modal').bind('hidden', function () {
  • - Dropdown 1 + Dropdown 1
  • - Dropdown 2 + Dropdown 2
    • Secondary link
    • Something else here
      • @@ -645,11 +642,11 @@ $('#my-modal').bind('hidden', function () { 
      $(".alert-message").alert('close')

      Demo

      - × + ×

      Holy guacamole! Best check yo self, you’re not looking too good.

      - × + ×

      Oh snap! You got an error! Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

      Take this action Or do this -- cgit v1.2.3 From f61fe3c4746ec09ff64756797fe6314be5f53b30 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Oct 2011 21:13:26 -0700 Subject: refactor fluid layout to be more specific to not interfere with modal content while adding right sidebar option --- docs/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index 137144991..194111b78 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1278,7 +1278,7 @@
-
+
    -- cgit v1.2.3 From 8ba005d38dd7a79ea3e90efb6efc7ac9ebcadc26 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 11 Oct 2011 09:44:51 -0700 Subject: new navbar introduced to replace topbar --- docs/index.html | 90 +++++++++++++++++++++++++--------------------------- docs/javascript.html | 68 +++++++++++++++++++-------------------- 2 files changed, 77 insertions(+), 81 deletions(-) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index 194111b78..7e9d6c1d0 100644 --- a/docs/index.html +++ b/docs/index.html @@ -37,24 +37,24 @@ -
    -
    +
    +
    Bootstrap

    Fixed topbar

    -
    -
    -
    -
    - Project Name - -
    - -
    - -
    -
    -
    -
    +
    +
    +
    + Project Name + +
    + +
    + +
    +
    +
    diff --git a/docs/javascript.html b/docs/javascript.html index 9f2b13876..dd4c2d03a 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -39,8 +39,8 @@ -
    -
    +
    +
    Bootstrap JS
    - +
    • diff --git a/docs/javascript.html b/docs/javascript.html index dd4c2d03a..66caad10b 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -243,8 +243,8 @@ $('#my-modal').bind('hidden', function () {
    • Link
    • Link
    -
    - + +
    • -- cgit v1.2.3 From f4fc56b1b3827254dd771536dcb2b711919f3867 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 12 Oct 2011 08:31:16 -0700 Subject: first pass at moving over the new tabs stuff to 2.0 --- docs/index.html | 147 ++++++++++++++++++++++++++++++++++++++++++++++++++- docs/javascript.html | 38 ++++++------- 2 files changed, 166 insertions(+), 19 deletions(-) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index ced0c658f..0d46084c1 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1313,9 +1313,10 @@

      Tabs and pills

      Create simple secondary navigation with a <ul>. Swap between tabs or pills by adding the appropriate class.

      Great for sub-sections of content like our account settings pages and user timelines for toggling between pages of like content. Available in tabbed or pill styles.

      -

      Get the javascript »

    +

    Basic tabs example

    +

    Tabs can be used as regular navigation (loading external pages in the same tab) or as tabbable content areas for swapping out panes of content. We have a tabs plugin that can be used to integrate the latter.

    • Home
    • Profile
      • @@ -1341,6 +1342,141 @@ <li><a href="#">Contact</a></li> </ul> +

      Alternate tabs

      +

      You can also use tabs that are stacked on either side of an element, or on the bottom.

      +
      +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +
      + +
      +
      +
      +

      Tabbable tabs

      +

      As mentioned above, you can bring your tabs to life with a simple plugin. Here we have integrated all four variations of the tabs—default (top), right, bottom, left—with example tab areas.

      + +
      + +
      +
      +

      Oh hai #1!

      +
      +
      +

      Oh hai #2!

      +
      +
      +

      Oh hai #3!

      +
      +
      +

      Oh hai #4!

      +
      +
      +
      + +
      +
      +
      + +
      +
      +

      Section 1

      +

      Oh hai!

      +
      +
      +

      Section 2

      +

      Oh hai!

      +
      +
      +

      Section 3

      +

      Oh hai!

      +
      +
      +
      +
      +
      +
      + +
      +
      +

      Section 1

      +

      Oh hai!

      +
      +
      +

      Section 2

      +

      Oh hai!

      +
      +
      +

      Section 3

      +

      Oh hai!

      +
      +
      +
      +
      +
      + +
      +
      +
      +

      Oh hai #1!

      +
      +
      +

      Oh hai #2!

      +
      +
      +

      Oh hai #3!

      +
      +
      +

      Oh hai #4!

      +
      +
      + +
      + + +

      In addition to tabs, we have pills! Though a bit more limited in functionality, they share much of the same markup.

      +
      +

      Basic pills example

      • Home
      • Profile
        • @@ -1357,6 +1493,15 @@ <li><a href="#">Contact</a></li> </ul> +

        Vertical pill nav

        +

        With a pill-style nav, you can also stack the list items to have a simple sidebar. We don't offer left or right aligned versions here because that's easy enough to customize based on your own needs

        +
    diff --git a/docs/javascript.html b/docs/javascript.html index 66caad10b..b130511c3 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -353,24 +353,26 @@ $('#my-modal').bind('hidden', function () { </script>

    Demo

    - -
    -
    -

    Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

    -
    -
    -

    Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

    -
    -
    -

    Banksy do proident, brooklyn photo booth delectus sunt artisan sed organic exercitation eiusmod four loko. Quis tattooed iphone esse aliqua. Master cleanse vero fixie mcsweeney's. Ethical portland aute, irony food truck pitchfork lomo eu anim. Aesthetic blog DIY, ethical beard leggings tofu consequat whatever cardigan nostrud. Helvetica you probably haven't heard of them carles, marfa veniam occaecat lomo before they sold out in shoreditch scenester sustainable thundercats. Consectetur tofu craft beer, mollit brunch fap echo park pitchfork mustache dolor.

    -
    -
    -

    Sunt qui biodiesel mollit officia, fanny pack put a bird on it thundercats seitan squid ad wolf bicycle rights blog. Et aute readymade farm-to-table carles 8-bit, nesciunt nulla etsy adipisicing organic ea. Master cleanse mollit high life, next level Austin nesciunt american apparel twee mustache adipisicing reprehenderit hoodie portland irony. Aliqua tofu quinoa +1 commodo eiusmod. High life williamsburg cupidatat twee homo leggings. Four loko vinyl DIY consectetur nisi, marfa retro keffiyeh vegan. Fanny pack viral retro consectetur gentrify fap.

    +
    + +
    +
    +

    Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

    +
    +
    +

    Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

    +
    +
    +

    Banksy do proident, brooklyn photo booth delectus sunt artisan sed organic exercitation eiusmod four loko. Quis tattooed iphone esse aliqua. Master cleanse vero fixie mcsweeney's. Ethical portland aute, irony food truck pitchfork lomo eu anim. Aesthetic blog DIY, ethical beard leggings tofu consequat whatever cardigan nostrud. Helvetica you probably haven't heard of them carles, marfa veniam occaecat lomo before they sold out in shoreditch scenester sustainable thundercats. Consectetur tofu craft beer, mollit brunch fap echo park pitchfork mustache dolor.

    +
    +
    +

    Sunt qui biodiesel mollit officia, fanny pack put a bird on it thundercats seitan squid ad wolf bicycle rights blog. Et aute readymade farm-to-table carles 8-bit, nesciunt nulla etsy adipisicing organic ea. Master cleanse mollit high life, next level Austin nesciunt american apparel twee mustache adipisicing reprehenderit hoodie portland irony. Aliqua tofu quinoa +1 commodo eiusmod. High life williamsburg cupidatat twee homo leggings. Four loko vinyl DIY consectetur nisi, marfa retro keffiyeh vegan. Fanny pack viral retro consectetur gentrify fap.

    +
    -- cgit v1.2.3 From fbe22f05800a3ce4ae3a880914d8e03cb1e01d1b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 15 Oct 2011 17:21:39 -0700 Subject: updated index of docs to use html5 self closing tags, add responsive shell to bootstrap file --- docs/index.html | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index 0d46084c1..4dd45f5f9 100644 --- a/docs/index.html +++ b/docs/index.html @@ -81,8 +81,8 @@

    Bootstrap, from Twitter

    - Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
    - It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
    + Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
    + It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.

    Nerd alert: Bootstrap is built with Less and was designed to work out of the gate with modern browsers in mind.

    @@ -491,15 +491,15 @@
    - Twitter, Inc.
    - 795 Folsom Ave, Suite 600
    - San Francisco, CA 94107
    + Twitter, Inc.
    + 795 Folsom Ave, Suite 600
    + San Francisco, CA 94107
    P: (123) 456-7890
    - Full Name
    + Full Name
    first.last@gmail.com
    @@ -966,7 +966,7 @@
    - +
    @@ -1010,11 +1010,11 @@
    @@ -1306,7 +1306,7 @@

    Note: When using the topbar on any page, be sure to account for the overlap it causes by adding padding-top: 40px; to your body.

    -
    +
    @@ -2015,7 +2015,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita

    Back to top

    - Designed and built with all the love in the world @twitter by @mdo and @fat.
    + Designed and built with all the love in the world @twitter by @mdo and @fat.
    Code licensed under the Apache License v2.0. Documentation licensed under CC BY 3.0.

    -- cgit v1.2.3 From 9e9109469e5c86c4232cc744639b286bcd9ef0ba Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Oct 2011 03:00:58 -0700 Subject: biiiiiig update coming for responsiveness --- docs/assets/css/docs.css | 71 +++++++++++----- docs/index.html | 215 +++++++++++++++++------------------------------ 2 files changed, 127 insertions(+), 159 deletions(-) (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index a17fd5692..52714d199 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -8,8 +8,9 @@ /* Body and structure -------------------------------------------------- */ body { - background-color: #fff; position: relative; + padding-top: 40px; + background-color: #fff; } section { padding-top: 60px; @@ -21,22 +22,29 @@ section > .row { /* Jumbotrons -------------------------------------------------- */ +.jumbotron, +.jumbotron .inner { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; +} .jumbotron { - min-width: 940px; - padding-top: 40px; + margin-bottom: 40px; + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.25); + -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.25); + box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.25); } .jumbotron .inner { background: transparent url(../img/grid-18px.png) top center; - padding: 45px 0; - -webkit-box-shadow: inset 0 10px 30px rgba(0,0,0,.3); - -moz-box-shadow: inset 0 10px 30px rgba(0,0,0,.3); -/* box-shadow: inset 0 10px 30px rgba(0,0,0,.3); -*/} + padding: 36px 60px; + -webkit-box-shadow: inset 0 -15px 30px rgba(0,0,0,.1); + -moz-box-shadow: inset 0 -15px 30px rgba(0,0,0,.1); + box-shadow: inset 0 -15px 30px rgba(0,0,0,.1); +} .jumbotron h1, .jumbotron p { margin-bottom: 9px; color: #fff; - text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.3); } .jumbotron h1 { @@ -46,6 +54,7 @@ section > .row { } .jumbotron p { font-weight: 300; + margin-right: 25%; } .jumbotron .lead { font-size: 20px; @@ -60,14 +69,14 @@ section > .row { ------------------------- */ /* main docs page */ .masthead { - background-color: #049cd9; + background-color: #004d9f; background-repeat: no-repeat; - background-image: -webkit-gradient(linear, left top, left bottom, from(#004D9F), to(#049cd9)); - background-image: -webkit-linear-gradient(#004D9F, #049cd9); - background-image: -moz-linear-gradient(#004D9F, #049cd9); - background-image: -o-linear-gradient(top, #004D9F, #049cd9); - background-image: -khtml-gradient(linear, left top, left bottom, from(#004D9F), to(#049cd9)); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004D9F', endColorstr='#049cd9', GradientType=0); /* IE8 and down */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#048ccd), to(#004d9f)); + background-image: -webkit-linear-gradient(#048ccd, #004d9f); + background-image: -moz-linear-gradient(#048ccd, #004d9f); + background-image: -o-linear-gradient(top, #048ccd, #004d9f); + background-image: -khtml-gradient(linear, left top, left bottom, from(#048ccd), to(#004d9f)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#048ccd', endColorstr='#004d9f', GradientType=0); /* IE8 and down */ } /* supporting docs pages */ .subhead { @@ -98,15 +107,9 @@ section > .row { /* Footer -------------------------------------------------- */ .footer { - background-color: #eee; - min-width: 940px; padding: 30px 0; - text-shadow: 0 1px 0 #fff; border-top: 1px solid #e5e5e5; - -webkit-box-shadow: inset 0 5px 15px rgba(0,0,0,.025); - -moz-box-shadow: inset 0 5px 15px rgba(0,0,0,.025); -/* box-shadow: inset 0 5px 15px rgba(0,0,0,.025); -*/} +} .footer p { color: #555; } @@ -323,3 +326,25 @@ pre.prettyprint { .well form { margin-bottom: 0; } + + +/* Responsive Docs +-------------------------------------------------- */ + +/* Tablet to Medium Desktop +------------------------- */ + +@media (min-width: 768px) and (max-width: 900px) { + + .footer, + .jumbotron { + min-width: 748px; + } + .jumbotron .inner h1, + .jumbotron .inner p { + margin-left: 40px; + margin-right: 40px; + } + +} + diff --git a/docs/index.html b/docs/index.html index 4dd45f5f9..2db9719d1 100644 --- a/docs/index.html +++ b/docs/index.html @@ -75,40 +75,40 @@
    - -
    -
    -

    Bootstrap, from Twitter

    -

    - Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
    - It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
    -

    -

    Nerd alert: Bootstrap is built with Less and was designed to work out of the gate with modern browsers in mind.

    -
    -
    +
    + +
    + +
    +
    +

    Bootstrap, from Twitter

    + Download on GitHub +

    Bootstrap is a frontend toolkit from Twitter designed to kickstart web development, complete with core HTML, CSS, and JS for grids, type, forms, navigation, and many more components.

    +

    Nerd alert: Bootstrap is built with Less and was designed with modern browsers in mind.

    +
    +
    - -
    -
    + + +
    + + -- cgit v1.2.3 From 3a4760637f3acca9cbd8af2819d163848852a23a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Oct 2011 03:15:17 -0700 Subject: tweak navbar styles for static version to not cause problems on responsive layouts --- docs/index.html | 136 ++++++++++++++++++++++++++++---------------------------- 1 file changed, 68 insertions(+), 68 deletions(-) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index 2db9719d1..0e49e9cbd 100644 --- a/docs/index.html +++ b/docs/index.html @@ -242,20 +242,20 @@
    -
    +

    Nesting columns

    Nest your content if you must by creating a .row within an existing column.

    -
    +

    Example of nested columns

    -
    +
    Level 1 of column
    -
    +
    Level 2
    -
    +
    Level 2
    @@ -282,11 +282,11 @@
    -
    +

    Roll your own grid

    Built into Bootstrap are a handful of variables for customizing the default 940px grid system. With a bit of customization, you can modify the size of columns, their gutters, and the container they reside in.

    -
    +

    Inside the grid

    The variables needed to modify the grid system currently all reside in preboot.less.

    @@ -341,7 +341,7 @@
    -
    +

    Fixed layout

    The default and simple 940px-wide, centered layout for just about any website or page provided by a single <div.container>.

    @@ -355,7 +355,7 @@ </body>
    -
    +

    Fluid layout

    An alternative, flexible fluid page structure with min- and max-widths and a left-hand sidebar. Great for apps and docs.

    @@ -403,7 +403,7 @@
    h5. Heading 5
    h6. Heading 6
    -
    +

    Example paragraph

    Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.

    Example heading Has sub-heading…

    @@ -412,7 +412,7 @@
    -
    +

    Misc. elements

    Using emphasis, addresses, & abbreviations

    @@ -422,7 +422,7 @@ <abbr>

    -
    +

    When to use

    Emphasis tags (<strong> and <em>) should be used to indicate additional importance or emphasis of a word or phrase relative to its surrounding copy. Use <strong> for importance and <em> for stress emphasis.

    Emphasis in a paragraph

    @@ -456,7 +456,7 @@
    -
    +

    Blockquotes

    <blockquote> @@ -464,7 +464,7 @@ <small>

    -
    +

    How to quote

    To include a blockquote, wrap <blockquote> around <p> and <small> tags. Use the <small> element to cite your source and you'll get an em dash &mdash; before it.

    @@ -482,7 +482,7 @@

    Lists

    -
    +

    Unordered <ul>

    • Lorem ipsum dolor sit amet
      • @@ -502,7 +502,7 @@
    • Eget porttitor lorem
    -
    +

    Unstyled <ul.unstyled>

    • Lorem ipsum dolor sit amet
      • @@ -522,7 +522,7 @@
    • Eget porttitor lorem
    -
    +

    Ordered <ol>

    1. Lorem ipsum dolor sit amet
      2. @@ -535,7 +535,7 @@
    2. Eget porttitor lorem
    -
    +

    Description dl

    Description lists
    @@ -552,7 +552,7 @@
    -
    +

    Code

    <code> @@ -560,7 +560,7 @@

    Pimp your code in style with two simple tags. For even more awesomeness through javascript, drop in Google's code prettify library and you're set.

    -
    +

    Presenting code

    Code, blocks of or just snippets inline, can be displayed with style just by wrapping in the right tag. For blocks of code spanning multiple lines, use the <pre> element. For inline code, use the <code> element.

    @@ -603,14 +603,14 @@
    -
    +

    Inline labels

    <span class="label">

    Call attention to or flag any phrase in your body text.

    -
    +

    Label anything

    Ever needed one of those fancy New! or Important flags when writing code? Well, now you have them. Here's what's included by default:

    @@ -678,7 +678,7 @@
    -
    +

    Building tables

    <table> @@ -694,7 +694,7 @@

    Always wrap your column headers in a <thead> such that hierarchy is <thead> > <tr> > <th>.

    Similar to the column headers, all your table’s body content should be wrapped in a <tbody> so your hierarchy is <tbody> > <tr> > <td>.

    -
    +

    Example: Default table styles

    All tables will be automatically styled with only the essential borders to ensure readability and maintain structure. No need to add extra classes or attributes.

    @@ -823,7 +823,7 @@

    Forms

    -
    +

    Four types of forms

    With 2.0, we now have four types of forms to choose from:

      @@ -833,15 +833,15 @@
    • Vertical form for stacked labels and inputs
    -
    +

    -
    +

    Search form

    -
    +
    @@ -851,10 +851,10 @@
    -
    +

    Inline form

    -
    +

    Some directional text

    @@ -868,10 +868,10 @@
    -
    +

    Horizontal form

    -
    +
    Example form
    @@ -972,10 +972,10 @@
    -
    +

    Vertical form

    -
    +
    Example form
    @@ -1016,12 +1016,12 @@
    -
    +

    Buttons

    As a convention, buttons are used for actions while links are used for objects. For instance, "Download" could be a button and "recent activity" could be a link.

    All buttons default to a light gray style, but a number of functional classes can be applied for different color styles. These classes include a blue .primary class, a light-blue .info class, a green .success class, and a red .danger class.

    -
    +

    Example buttons

    Button styles can be applied to anything with the .btn applied. Typically you’ll want to apply these to only <a>, <button>, and select <input> elements. Here’s how it looks:

    @@ -1052,10 +1052,10 @@
    -
    +

    Button groups

    -
    +

    Example

    @@ -1101,11 +1101,11 @@
    -
    +

    Media grid

    Display thumbnails of varying sizes on pages with a low HTML footprint and minimal styles.

    -
    +

    Example thumbnails

    Thumbnails in the .media-grid can be any size, but they work best when mapped directly to the built-in Bootstrap grid system. Image widths like 90, 210, and 330 combine with a few pixels of padding to equal the .span2, .span4, and .span6 column sizes.

    Large

    @@ -1234,15 +1234,15 @@
    -
    +

    What is it

    Our topbar is a fixed bar that houses a website’s logo or name, primary navigation, and search form.

    -
    +

    Customizable

    All elements within, and the entire topbar as well, are optional. You can choose to include a logo/name, nav, search, and a secondary nav—or any combination of that.

    -
    +

    Dropdowns included

    As part of the main navigation, we’ve included the ability for you to add dropdowns to your nav. Check out the secondary nav above (right aligned) to see how it’s done. Dropdowns li tags also support .active for showing current page selection.

    @@ -1252,12 +1252,12 @@
    -
    +

    Tabs and pills

    Create simple secondary navigation with a <ul>. Swap between tabs or pills by adding the appropriate class.

    Great for sub-sections of content like our account settings pages and user timelines for toggling between pages of like content. Available in tabbed or pill styles.

    -
    +

    Basic tabs example

    Tabs can be used as regular navigation (loading external pages in the same tab) or as tabbable content areas for swapping out panes of content. We have a tabs plugin that can be used to integrate the latter.

      @@ -1288,7 +1288,7 @@

      Alternate tabs

      You can also use tabs that are stacked on either side of an element, or on the bottom.

      -
      +
      -
      +
      -
      +
      -
      +
      -
      +
      • Section 1
        • @@ -1450,11 +1450,11 @@
        -
        +

        Breadcrumbs

        Breadcrumb navigation is used as a way to show users where they are within an app or a site, but not for primary navigation.

        -
        +
        • Home
        @@ -1486,11 +1486,11 @@
        -
        +

        Pagination

        Ultra simplistic and minimally styled pagination inspired by Rdio. The large block is hard to miss, easily scalable, and provides large click areas.

        -
        +
        -
        +

        Basic alerts

        .alert-message

        One-line messages for highlighting the failure, possible failure, or success of an action. Particularly useful for forms.

        Get the javascript »

        -
        +
        ×

        Holy guacamole! Best check yo self, you’re not looking too good.

        @@ -1595,13 +1595,13 @@
        -
        +

        Block messages

        .alert-message.block-message

        For messages that require a bit of explanation, we have paragraph style alerts. These are perfect for bubbling up longer error messages, warning a user of a pending action, or just presenting information for more emphasis on the page.

        Get the javascript »

        -
        +
        ×

        Holy guacamole! This is a warning! Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

        @@ -1658,12 +1658,12 @@

        Popovers Components for displaying content in modals, tooltips, and popovers

        -
        +

        Modals

        Modals—dialogs or lightboxes—are great for contextual actions in situations where it’s important that the background context be maintained.

        Get the javascript »

        -
        +
        @@ -1685,12 +1685,12 @@
        -
        +

        Tooltips

        Twipsies are super useful for aiding a confused user and pointing them in the right direction.

        Get the javascript »

        -
        +

        @@ -1703,12 +1703,12 @@ Lorem ipsum dolar sit amet illo error ipsum verita

        -
        +

        Popovers

        Use popovers to provide subtextual information to a page without affecting layout.

        Get the javascript »

        -
        +
        @@ -1736,12 +1736,12 @@ Lorem ipsum dolar sit amet illo error ipsum verita

        Using javascript with Bootstrap An index of plugins to get you started

        -
        +

        Getting started

        Integrating javascript with the Bootstrap library is super easy. Below we go over the basics and provide you with some awesome plugins to get you started!

        View javascript docs »

        -
        +

        What's included

        Bring some of Bootstrap's primary components to life with new custom plugins that work with jQuery and Ender. We encourage you to extend and modify them to fit your specific development needs.

    @@ -1797,11 +1797,11 @@ Lorem ipsum dolar sit amet illo error ipsum verita

    Using Bootstrap with Less Supercharge your CSS with variables, mixins, and functions

    -
    +

    Bootstrap was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.

    Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.

    -
    +

    How to use it

    Use this option to make full use of Bootstrap’s Less variables, mixins, and nesting in CSS via javascript in your browser.

    -- 
cgit v1.2.3


From 6f44a90edbfc897082dd69630983391bf6e57ba7 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sun, 16 Oct 2011 11:35:24 -0700
Subject: tweak line-height of h2 and h3 to not be gihugeous, updated
 responsive to improve tablet grid and phone styles

---
 docs/assets/css/docs.css | 25 ++++++++++++-------------
 docs/index.html          |  2 +-
 2 files changed, 13 insertions(+), 14 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 52714d199..fb7482edc 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -231,7 +231,7 @@ section > .row {
 .mini-layout .mini-layout-body {
   background-color: #dceaf4;
   margin: 0 auto;
-  width: 240px;
+  width: 70%;
   height: 240px;
 }
 .mini-layout.fluid .mini-layout-sidebar,
@@ -241,11 +241,11 @@ section > .row {
 }
 .mini-layout.fluid .mini-layout-sidebar {
   background-color: #bbd8e9;
-  width: 90px;
+  width: 20%;
   height: 240px;
 }
 .mini-layout.fluid .mini-layout-body {
-  width: 300px;
+  width: 60%;
   margin-left: 10px;
 }
 
@@ -328,23 +328,22 @@ pre.prettyprint {
 }
 
 
+.browser-support {
+  max-width: 100%;
+}
+
 /* Responsive Docs
 -------------------------------------------------- */
-
-/* Tablet to Medium Desktop
-------------------------- */
+@media (max-width: 480px) {
+  .large-bird {
+    display: none;
+  }
+}
 
 @media (min-width: 768px) and (max-width: 900px) {
-
   .footer,
   .jumbotron {
     min-width: 748px;
   }
-  .jumbotron .inner h1,
-  .jumbotron .inner p {
-    margin-left: 40px;
-    margin-right: 40px;
-  }
-
 }
 
diff --git a/docs/index.html b/docs/index.html
index 0e49e9cbd..b9004e6bf 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -128,7 +128,7 @@
         
    
           
    Cross-everything
    
           
    Bootstrap is tested and supported in major modern browsers like Chrome, Safari, Internet Explorer, and Firefox.
    
-          Tested and supported in Chrome, Safari, Internet Explorer, and Firefox
+          Tested and supported in Chrome, Safari, Internet Explorer, and Firefox
           
      
             
    • Latest Safari
      • 
             
    • Latest Google Chrome
      • 
-- 
cgit v1.2.3


From 2a82b38cff142ec86a6e1dc4f9366205260d262d Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sun, 16 Oct 2011 18:01:05 -0700
Subject: tweak the h2s again for better spacing, adjust docs, remove white bg
 if possible on file input, few other tweaks

---
 docs/assets/css/docs.css | 99 +++++++++++++++++++++++++++++-------------------
 docs/index.html          | 57 +++++++++++++++++++++-------
 2 files changed, 104 insertions(+), 52 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index fb7482edc..01b6f3cd7 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -9,7 +9,7 @@
 -------------------------------------------------- */
 body {
   position: relative;
-  padding-top: 40px;
+  padding-top: 100px;
   background-color: #fff;
 }
 section {
@@ -19,65 +19,88 @@ section > .row {
   margin-bottom: 10px;
 }
 
+/* Tweak topbar brand link to be super sleek
+-------------------------------------------------- */
+.navbar .brand {
+  float: right;
+  font-weight: bold;
+  color: #000;
+  text-shadow: 0 1px 0 rgba(255,255,255,.1);
+}
+.navbar .brand:hover {
+  text-decoration: none;
+}
 
 /* Jumbotrons
 -------------------------------------------------- */
-.jumbotron,
-.jumbotron .inner {
-  -webkit-border-radius: 0 0 6px 6px;
-     -moz-border-radius: 0 0 6px 6px;
-          border-radius: 0 0 6px 6px;
-}
 .jumbotron {
-  margin-bottom: 40px;
-  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.25);
-     -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.25);
-          box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.25);
-}
-.jumbotron .inner {
-  background: transparent url(../img/grid-18px.png) top center;
-  padding: 36px 60px;
-  -webkit-box-shadow: inset 0 -15px 30px rgba(0,0,0,.1);
-     -moz-box-shadow: inset 0 -15px 30px rgba(0,0,0,.1);
-          box-shadow: inset 0 -15px 30px rgba(0,0,0,.1);
+  position: relative;
+  padding-bottom: 58px;
+  margin-bottom: 50px;
+  border-bottom: 2px solid #eee;
 }
 .jumbotron h1,
 .jumbotron p {
-  margin-bottom: 9px;
-  color: #fff;
-  text-shadow: 0 1px 1px rgba(0,0,0,.3);
+  margin-bottom: 10px;
+  text-shadow: 0 1px 0 #fff;
 }
 .jumbotron h1 {
-  font-size: 54px;
+  font-size: 90px;
   line-height: 1;
-  text-shadow: 0 1px 2px rgba(0,0,0,.5);
+  margin-right: 40%;
+  letter-spacing: -1px;
 }
 .jumbotron p {
   font-weight: 300;
-  margin-right: 25%;
+  margin-right: 32%;
 }
 .jumbotron .lead {
-  font-size: 20px;
-  line-height: 27px;
+  margin-bottom: 20px;
+  font-size: 25px;
+  line-height: 35px;
 }
 .jumbotron p a {
-  color: #fff;
   font-weight: bold;
 }
+.jumbotron .btn {
+  font-size: 20px;
+  padding: 12px 24px;
+  -webkit-border-radius: 6px;
+     -moz-border-radius: 6px;
+          border-radius: 6px;
+}
+.benefits {
+  width: 250px;
+  position: absolute;
+  right: 0;
+  bottom: 60px;
+}
+.benefits ul {
+  list-style: none;
+  margin: 0;
+}
+.benefits li {
+  font-size: 16px;
+  font-weight: 300;
+  line-height: 40px;
+  color: #555;
+}
+.benefits li + li {
+  border-top: 1px solid #f5f5f5;
+}
+.benefits h4 {
+  color: #555;
+}
+.benefits span {
+  position: relative;
+  top: -2px;
+  padding-right: 5px;
+  color: #999;
+}
+
 
 /* Specific jumbotrons
 ------------------------- */
-/* main docs page */
-.masthead {
-  background-color: #004d9f;
-  background-repeat: no-repeat;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#048ccd), to(#004d9f));
-  background-image: -webkit-linear-gradient(#048ccd, #004d9f);
-  background-image: -moz-linear-gradient(#048ccd, #004d9f);
-  background-image: -o-linear-gradient(top, #048ccd, #004d9f);
-  background-image: -khtml-gradient(linear, left top, left bottom, from(#048ccd), to(#004d9f));
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#048ccd', endColorstr='#004d9f', GradientType=0); /* IE8 and down */
-}
 /* supporting docs pages */
 .subhead {
   background-color: #767d80;
diff --git a/docs/index.html b/docs/index.html
index b9004e6bf..f7818d7f5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -16,16 +16,6 @@
     
     
 
-    
-    
-    
-    
-    
-    
-    
-    
-    
-
     
     
     
@@ -49,6 +39,7 @@
               
             
             
    • 
@@ -62,14 +53,17 @@
             
    • 
               Patterns
               
             
      • 
             
    • Javascript
      • 
-            
    • Less
      • 
+            
    • Using Less
      •
    @@ -82,10 +76,21 @@ ================================================== -->
    +
    +

    Feature highlights

    +
      +
    • × Built on LESS
      • +
    • × Complete styleguide
      • +
    • × Fully responsive design
      • +
    • × Small footprint (7kb gzipped)
      • +
    • × Support for IE7 and up
      • +
    • × Custom jQuery plugins
      • +
    • × Dozens of components
      • +
    +

    Bootstrap, from Twitter

    - Download on GitHub

    Bootstrap is a frontend toolkit from Twitter designed to kickstart web development, complete with core HTML, CSS, and JS for grids, type, forms, navigation, and many more components.

    -

    Nerd alert: Bootstrap is built with Less and was designed with modern browsers in mind.

    + Download on GitHub
    @@ -164,6 +169,19 @@ + +
    @@ -1964,5 +1982,16 @@ Lorem ipsum dolar sit amet illo error ipsum verita
    + + + + + + + + + + + -- cgit v1.2.3 From 1888511d676ced8f30743cc5b540f02257314bde Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Oct 2011 18:45:11 -0700 Subject: updated docs to include quick links and twitter buttons, added updated blueprint pattern to background --- docs/assets/css/docs.css | 51 +++++++++++++++++++++++++-------- docs/assets/img/grid-18px-masked.png | Bin 0 -> 1621 bytes docs/index.html | 53 ++++++++++++++++++++--------------- 3 files changed, 71 insertions(+), 33 deletions(-) create mode 100644 docs/assets/img/grid-18px-masked.png (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 01b6f3cd7..ee0b9c8a3 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -9,8 +9,10 @@ -------------------------------------------------- */ body { position: relative; - padding-top: 100px; + padding-top: 90px; background-color: #fff; + background-image: url(../img/grid-18px-masked.png); + background-repeat: repeat-x; } section { padding-top: 60px; @@ -35,9 +37,6 @@ section > .row { -------------------------------------------------- */ .jumbotron { position: relative; - padding-bottom: 58px; - margin-bottom: 50px; - border-bottom: 2px solid #eee; } .jumbotron h1, .jumbotron p { @@ -57,23 +56,22 @@ section > .row { .jumbotron .lead { margin-bottom: 20px; font-size: 25px; - line-height: 35px; -} -.jumbotron p a { - font-weight: bold; + line-height: 36px; } .jumbotron .btn { font-size: 20px; - padding: 12px 24px; + padding: 14px 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } + +/* Benefits list in masthead */ .benefits { width: 250px; position: absolute; right: 0; - bottom: 60px; + bottom: 0; } .benefits ul { list-style: none; @@ -82,7 +80,7 @@ section > .row { .benefits li { font-size: 16px; font-weight: 300; - line-height: 40px; + line-height: 35px; color: #555; } .benefits li + li { @@ -127,6 +125,37 @@ section > .row { } +/* Quick links +-------------------------------------------------- */ +.quick-links { + padding: 5px 20px; + margin: 60px 0; + list-style: none; + text-align: center; + background-color: #eee; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.quick-links li { + display: inline; + margin: 0 5px; + line-height: 30px; +} +.quick-links .divider { + color: #999; +} +.quick-links strong { + font-weight: normal; + color: #999; +} +.quick-links .tweet-btn, +.quick-links .follow-btn { + position: relative; + top: 5px; +} + + /* Footer -------------------------------------------------- */ .footer { diff --git a/docs/assets/img/grid-18px-masked.png b/docs/assets/img/grid-18px-masked.png new file mode 100644 index 000000000..e531d5bc4 Binary files /dev/null and b/docs/assets/img/grid-18px-masked.png differ diff --git a/docs/index.html b/docs/index.html index f7818d7f5..5002d9d46 100644 --- a/docs/index.html +++ b/docs/index.html @@ -90,10 +90,33 @@

    Bootstrap, from Twitter

    Bootstrap is a frontend toolkit from Twitter designed to kickstart web development, complete with core HTML, CSS, and JS for grids, type, forms, navigation, and many more components.

    - Download on GitHub +

    + Download on GitHub + Currently v2.0.0 +

    + + + @@ -1971,18 +1981,17 @@ Lorem ipsum dolar sit amet illo error ipsum verita - + - -- cgit v1.2.3 From c62a0239bd30a12e9f0d8c1e45f5818460e9df90 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Oct 2011 19:12:33 -0700 Subject: update to responsive to fix new masthead --- docs/assets/css/docs.css | 109 ++++++++++++++--------------------------------- docs/index.html | 14 +++--- 2 files changed, 39 insertions(+), 84 deletions(-) (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index ee0b9c8a3..7d36946db 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -37,34 +37,34 @@ section > .row { -------------------------------------------------- */ .jumbotron { position: relative; -} -.jumbotron h1, -.jumbotron p { - margin-bottom: 10px; text-shadow: 0 1px 0 #fff; } .jumbotron h1 { - font-size: 90px; - line-height: 1; margin-right: 40%; + margin-bottom: 10px; + font-size: 90px; letter-spacing: -1px; + line-height: 1; } .jumbotron p { - font-weight: 300; margin-right: 32%; -} -.jumbotron .lead { margin-bottom: 20px; font-size: 25px; + font-weight: 300; line-height: 36px; } .jumbotron .btn { font-size: 20px; padding: 14px 24px; + margin-right: 5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } +.jumbotron .download-info { + font-size: 16px; + color: #999; +} /* Benefits list in masthead */ .benefits { @@ -133,9 +133,9 @@ section > .row { list-style: none; text-align: center; background-color: #eee; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } .quick-links li { display: inline; @@ -167,71 +167,6 @@ section > .row { } -/* Quickstart section for getting le code --------------------------------------------------- */ -.quickstart { - background-color: #f5f5f5; - background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5)); - background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5); - background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5)); - background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5); - background-image: -o-linear-gradient(#f9f9f9, #f5f5f5); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)"; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0); - background-image: linear-gradient(#f9f9f9, #f5f5f5); - border-top: 1px solid #fff; - border-bottom: 1px solid #eee; -} -.quickstart .container { - margin-bottom: 0; -} -.quickstart .row { - margin: 0 -20px; - -webkit-box-shadow: 1px 0 0 #f9f9f9; - -moz-box-shadow: 1px 0 0 #f9f9f9; - box-shadow: 1px 0 0 #f9f9f9; -} -.quickstart [class*="span"] { - width: 285px; - height: 117px; - margin-left: 0; - padding: 17px 20px 26px; - border-left: 1px solid #eee; - -webkit-box-shadow: inset 1px 0 0 #f9f9f9; - -moz-box-shadow: inset 1px 0 0 #f9f9f9; - box-shadow: inset 1px 0 0 #f9f9f9; -} -.quickstart [class*="span"]:last-child { - border-right: 1px solid #eee; - width: 286px; -} -.quickstart h6, -.quickstart p { - line-height: 18px; - text-align: center; - margin-bottom: 9px; - color: #333; -} -.quickstart .current-version, -.quickstart .current-version a { - color: #999; -} -.quickstart h6 { - color: #999; -} -.quickstart textarea { - display: block; - width: 275px; - height: auto; - margin: 0 0 9px; - line-height: 21px; - white-space: nowrap; - overflow: hidden; -} - - /* Special grid styles -------------------------------------------------- */ .show-grid { @@ -387,9 +322,29 @@ pre.prettyprint { /* Responsive Docs -------------------------------------------------- */ @media (max-width: 480px) { + + body > .navbar-fixed .nav { + display: none; + } + .large-bird { display: none; } + + .jumbotron h1 { + font-size: 36px; + margin-right: 0; + } + .jumbotron p { + margin-right: 0; + font-size: 18px; + line-height: 24px; + } + .jumbotron .benefits { + position: relative; + width: auto; + margin: 36px 0; + } } @media (min-width: 768px) and (max-width: 900px) { diff --git a/docs/index.html b/docs/index.html index 5002d9d46..3bc72751e 100644 --- a/docs/index.html +++ b/docs/index.html @@ -76,7 +76,13 @@ ================================================== -->
    -
    +

    Bootstrap,
    from Twitter

    +

    Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, complete with core HTML, CSS, and JS for grids, type, forms, navigation, and many more components.

    +

    + Download on GitHub + Currently v2.0.0 +

    +

    Feature highlights

    • × Built on LESS
      • @@ -88,12 +94,6 @@
    • × Dozens of components
    -

    Bootstrap, from Twitter

    -

    Bootstrap is a frontend toolkit from Twitter designed to kickstart web development, complete with core HTML, CSS, and JS for grids, type, forms, navigation, and many more components.

    -

    - Download on GitHub - Currently v2.0.0 -

    -- cgit v1.2.3 From e7d2218b2043742f21c368d074d97a4bde275730 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Oct 2011 23:04:31 -0700 Subject: few tweaks to responsive stuff, updated docs for grid system (still needs copy editing) --- docs/assets/css/docs.css | 14 ++-- docs/index.html | 165 ++++++++++++++++++++++------------------------- 2 files changed, 85 insertions(+), 94 deletions(-) (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 7d36946db..300eb38f5 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -17,19 +17,16 @@ body { section { padding-top: 60px; } -section > .row { - margin-bottom: 10px; -} /* Tweak topbar brand link to be super sleek -------------------------------------------------- */ -.navbar .brand { +body > .navbar-fixed .brand { float: right; font-weight: bold; color: #000; text-shadow: 0 1px 0 rgba(255,255,255,.1); } -.navbar .brand:hover { +body > .navbar-fixed .brand:hover { text-decoration: none; } @@ -136,6 +133,9 @@ section > .row { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; + -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.03); + -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.03); + box-shadow: inset 0 1px 0 rgba(0,0,0,.03); } .quick-links li { display: inline; @@ -171,10 +171,10 @@ section > .row { -------------------------------------------------- */ .show-grid { margin-top: 10px; - margin-bottom: 10px; + margin-bottom: 20px; } .show-grid [class*="span"] { - background: #eee; + background-color: #eee; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; diff --git a/docs/index.html b/docs/index.html index 3bc72751e..eeb0f4f0d 100644 --- a/docs/index.html +++ b/docs/index.html @@ -86,7 +86,7 @@

    Feature highlights

    • × Built on LESS
      • -
    • × Complete styleguide
      • +
    • × Complete styleguide docs
    • × Fully responsive design
    • × Small footprint (7kb gzipped)
    • × Support for IE7 and up
      • @@ -199,28 +199,10 @@ ================================================== -->
      -

      Grid system Rock the standard 940px or roll your own

      +

      Grid system 12 columns with a responsive twist

      -
      -
      -

      Default grid

      -

      The default grid system provided as part of Bootstrap is a 940px wide 16-column grid. It’s a flavor of the popular 960 grid system, but without the additional margin/padding on the left and right sides.

      -
      -
      -

      Example grid markup

      -

      As shown here, a basic layout can be created with two "columns," each spanning a number of the 16 foundational columns we defined as part of our grid system. See the examples below for more variations.

      -
      -<div class="row">
-  <div class="span6">
-    ...
-  </div>
-  <div class="span10">
-    ...
-  </div>
-</div>
-
      -
      -
      + +

      Default 940px grid

      1
      1
      @@ -252,12 +234,28 @@
      12
      -
      +
      +
      +

      The default grid system provided as part of Bootstrap is a 940px-wide, 12-column grid.

      +

      It also has three responsive variations for various devices and resolutions: phone, tablet, and large widescreen desktops.

      +
      +
      +
      +<div class="row">
+  <div class="span4">...</div>
+  <div class="span8">...</div>
+</div>
+
      +
      +
      +

      As shown here, a basic layout can be created with two "columns," each spanning a number of the 12 foundational columns we defined as part of our grid system.

      +
      +

      Offsetting columns

      4
      -
      8 offset 4
      +
      4 offset 4
      3 offset 3
      @@ -269,37 +267,33 @@
      +

      Nesting columns

      -
      -

      Nesting columns

      -

      Nest your content if you must by creating a .row within an existing column.

      -
      -
      -

      Example of nested columns

      +
      +

      With the static (non-fluid) grid system in Bootstrap, nesting is easy. To nest your content, just add a new .row and set of .span* columns within an existing .span* column.

      +

      Example

      -
      +
      Level 1 of column
      -
      +
      Level 2
      -
      +
      Level 2
      +
      + 
       <div class="row">
   <div class="span12">
     Level 1 of column
     <div class="row">
-      <div class="span6">
-        Level 2
-      </div>
-      <div class="span6">
-        Level 2
-      </div>
+      <div class="span6">Level 2</div>
+      <div class="span6">Level 2</div>
     </div>
   </div>
 </div>
@@ -307,56 +301,53 @@
      -
      - +

      Grid customization

      +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    VariableDefault valueDescription
    @gridColumns16The number of columns within the grid
    @gridColumnWidth40pxThe width of each column within the grid
    @gridGutterWidth20pxThe negative space between each column
    @siteWidthComputed sum of all columns and guttersWe use some basic match to count the number of columns and gutters and set the width of the .fixed-container() mixin.
    -
    -

    Roll your own grid

    -

    Built into Bootstrap are a handful of variables for customizing the default 940px grid system. With a bit of customization, you can modify the size of columns, their gutters, and the container they reside in.

    +
    +

    Variables in LESS

    +

    Built into Bootstrap are a handful of variables for customizing the default 940px grid system, documented above. All variables for the grid are stored in mixins.less.

    -
    -

    Inside the grid

    -

    The variables needed to modify the grid system currently all reside in preboot.less.

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    VariableDefault valueDescription
    @gridColumns16The number of columns within the grid
    @gridColumnWidth40pxThe width of each column within the grid
    @gridGutterWidth20pxThe negative space between each column
    @siteWidthComputed sum of all columns and guttersWe use some basic match to count the number of columns and gutters and set the width of the .fixed-container() mixin.
    -

    Now to customize

    -

    Modifying the grid means changing the three @grid-* variables and recompiling the Less files.

    -

    Bootstrap comes equipped to handle a grid system with up to 24 columns; the default is just 16. Here's how your grid variables would look customized to a 24-column grid.

    - 
    @gridColumns:       24;
-@gridColumnWidth:   20px;
-@gridGutterWidth:   20px;
    -

    Once recompiled, you'll be set!

    +
    +

    How to customize

    +

    Modifying the grid means changing the three @grid* variables and recompiling Bootstrap. Change the grids in the preboot.less file and use one of the four ways documented to recompile.

    -
    +
    +

    Staying responsive

    +

    Customization of the grid only works at the default level, the 940px grid. To maintain the responsive aspects of Bootstrap, you'll also have to customize the grids in responsive.less.

    +
    +
    + @@ -1928,7 +1919,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita } -

    Compiling Less

    +

    Compiling Less

    After modifying the .less files in /lib/, you'll need to recompile them in order to regenerate the bootstrap-*.*.*.css and bootstrap-*.*.*.min.css files. If you're submitting a pull request to GitHub, you must always recompile.

    Ways to compile

    -- cgit v1.2.3 From 6d2e39950d98dafbb82e94f00b3c99b82d0ba1c1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 17 Oct 2011 00:03:52 -0700 Subject: updated js docs page to new 12 column layout, fix subhead jumbotron styles to match new front page --- docs/assets/css/docs.css | 18 ++--------- docs/index.html | 4 +-- docs/javascript.html | 80 ++++++++++++++++++++++-------------------------- 3 files changed, 41 insertions(+), 61 deletions(-) (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 300eb38f5..2af7764e6 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -98,28 +98,16 @@ body > .navbar-fixed .brand:hover { ------------------------- */ /* supporting docs pages */ .subhead { - background-color: #767d80; - background-repeat: no-repeat; - background-image: -webkit-gradient(linear, left top, left bottom, from(#565d60), to(#767d80)); - background-image: -webkit-linear-gradient(#565d60, #767d80); - background-image: -moz-linear-gradient(#565d60, #767d80); - background-image: -o-linear-gradient(top, #565d60, #767d80); - background-image: -khtml-gradient(linear, left top, left bottom, from(#565d60), to(#767d80)); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565d60', endColorstr='#767d80', GradientType=0); /* IE8 and down */ -} -.subhead .inner { - padding: 36px 0 27px; + padding-bottom: 18px; + border-bottom: 3px solid #eee; } .subhead h1, .subhead p { - text-align: left; + margin-right: 0; } .subhead h1 { font-size: 40px; } -.subhead p a { - font-weight: normal; -} /* Quick links diff --git a/docs/index.html b/docs/index.html index eeb0f4f0d..f3ef34463 100644 --- a/docs/index.html +++ b/docs/index.html @@ -30,7 +30,7 @@
    - Bootstrap + Bootstrap - +
    • diff --git a/docs/javascript.html b/docs/javascript.html index b130511c3..da623c2f8 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -11,18 +11,6 @@ - - - - - - - - - - - - @@ -42,7 +30,7 @@
      - Bootstrap JS + Bootstrap
      +
      -
      -
      -

      Javascript for Bootstrap

      -

      - Bring Bootstrap's components to life with new, custom plugins that work with jQuery and Ender. -

      -

      ← Back to Bootstrap home

      -
      -
      +

      Javascript for Bootstrap

      +

      Bring Bootstrap's components to life with custom plugins for jQuery and Ender.

      -
      @@ -81,11 +62,11 @@

      Modals bootstrap-modal.js

      -
      +

      Our Modal plugin is a super slim take on the traditional modal js plugin, taking special care to include only the bare functionality that we require here at twitter.

      Download
      -
      +

      Using bootstrap-modal

      $('#my-modal').modal(options)

      Options

      @@ -207,11 +188,11 @@ $('#my-modal').bind('hidden', function () {

      Dropdown bootstrap-dropdown.js

      -
      +

      This plugin is for adding dropdown interaction to the bootstrap topbar or tabbed navigations.

      Download
      -
      +

      Using boostrap-dropdown.js

      $('#topbar').dropdown()

      Markup

      @@ -244,7 +225,7 @@ $('#my-modal').bind('hidden', function () {
    • Link
    - +
    • @@ -281,11 +262,11 @@ $('#my-modal').bind('hidden', function () {

      ScrollSpy bootstrap-scrollspy.js

    -
    +

    This plugin is for adding the scrollspy (auto updating nav) interaction to the bootstrap topbar.

    Download
    -
    +

    Using boostrap-scrollspy.js

    $('#topbar').dropdown()

    Markup

    @@ -316,11 +297,11 @@ $('#my-modal').bind('hidden', function () {

    Tabs bootstrap-tabs.js

    -
    +

    This plugin adds quick, dynamic tab and pill functionality.

    Download
    -
    +

    Using boostrap-tabs.js

    $('.tabs').tabs()

    Markup

    @@ -387,11 +368,11 @@ $('#my-modal').bind('hidden', function () {

    Twipsy bootstrap-twipsy.js

    -
    +

    Based on the excellent jQuery.tipsy plugin written by Jason Frame; twipsy is an updated version, which doesn't rely on images, uses css3 for animations, and data-attributes for title storage!

    Download
    -
    +

    Using bootstrap-twipsy.js

    $('#example').twipsy(options)

    Options

    @@ -504,11 +485,11 @@ $('#my-modal').bind('hidden', function () {

    Popovers bootstrap-popover.js

    -
    +

    The popover plugin provides a simple interface for adding popovers to your application. It extends the boostrap-twipsy.js plugin, so be sure to grab that file as well when including popovers in your project!

    Download
    -
    +

    Using boostrap-popover.js

    $('#example').popover(options)

    Options

    @@ -625,11 +606,11 @@ $('#my-modal').bind('hidden', function () {

    Alerts bootstrap-alerts.js

    -
    +

    The alert plugin is a super tiny class for adding close functionality to alerts.

    Download
    -
    +

    Using bootstrap-alerts.js

    $(".alert-message").alert()

    Markup

    @@ -657,17 +638,28 @@ $('#my-modal').bind('hidden', function () { -
    - - + + +
    + + + + + + + + + + + + + -- cgit v1.2.3 From d035fa731ab6b846c98b2f2b6f5e82c1b11c6791 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 17 Oct 2011 12:59:03 -0700 Subject: update all code elements in docs --- docs/index.html | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index f3ef34463..ab33ea23c 100644 --- a/docs/index.html +++ b/docs/index.html @@ -411,7 +411,7 @@

    Headings & copy

    A standard typographic hierarchy for structuring your webpages.

    -

    The entire typographic grid is based on two Less variables in our preboot.less file: @basefont and @baseline. The first is the base font-size used throughout and the second is the base line-height.

    +

    The entire typographic grid is based on two Less variables in our preboot.less file: @baseFontSize and @baseLineHeight. The first is the base font-size used throughout and the second is the base line-height.

    We use those variables, and some math, to create the margins, paddings, and line-heights of all our type and more.

    @@ -467,7 +467,7 @@
    -

    Note: Each line in an <address> must end with a line-break (<br />) or be wrapped in a block-level tag (e.g., <p>) to properly structure the content.

    +

    Note: Each line in an <address> must end with a line-break (<br>) or be wrapped in a block-level tag (e.g., <p>) to properly structure the content.

    Abbreviations

    For abbreviations and acronyms, use the <abbr> tag (<acronym> is deprecated in HTML5). Put the shorthand form within the tag and set a title for the complete name.

    @@ -522,7 +522,7 @@
    -

    Unstyled <ul.unstyled>

    +

    Unstyled <.unstyled>

    • Lorem ipsum dolor sit amet
    • Consectetur adipiscing elit
      • @@ -555,7 +555,7 @@
    -

    Description dl

    +

    Description <dl>

    Description lists
    A description list is perfect for defining terms.
    @@ -592,7 +592,7 @@
    - + @@ -1263,10 +1263,10 @@

    Dropdowns included

    -

    As part of the main navigation, we’ve included the ability for you to add dropdowns to your nav. Check out the secondary nav above (right aligned) to see how it’s done. Dropdowns li tags also support .active for showing current page selection.

    +

    As part of the main navigation, we’ve included the ability for you to add dropdowns to your nav. Check out the secondary nav above (right aligned) to see how it’s done. Dropdowns <li> tags also support .active for showing current page selection.

    -

    Note: When using the topbar on any page, be sure to account for the overlap it causes by adding padding-top: 40px; to your body.

    +

    Note: When using the topbar on any page, be sure to account for the overlap it causes by adding padding-top: 40px; to your <body>.


    -- cgit v1.2.3 From 27cbe7f63a13fad987dc2547ef5b6f526ceb268c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 17 Oct 2011 14:17:29 -0700 Subject: add abbr styles, overhaul type docs section to remove lots of verbose text and put emphasis on tables and more scannable content --- docs/assets/css/docs.css | 5 + docs/index.html | 349 +++++++++++++++++++++++++---------------------- 2 files changed, 188 insertions(+), 166 deletions(-) (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2af7764e6..bbf71ab77 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -307,6 +307,11 @@ pre.prettyprint { max-width: 100%; } +/* Make tables spaced out a bit more */ +h2 + table { + margin-top: 10px; +} + /* Responsive Docs -------------------------------------------------- */ @media (max-width: 480px) { diff --git a/docs/index.html b/docs/index.html index ab33ea23c..2e0036bb0 100644 --- a/docs/index.html +++ b/docs/index.html @@ -406,90 +406,130 @@

    Typography Headings, paragraphs, lists, and other inline type elements

    +

    Headings & body copy

    +
    -

    Headings & copy

    -

    A standard typographic hierarchy for structuring your webpages.

    +

    Typographic scale

    The entire typographic grid is based on two Less variables in our preboot.less file: @baseFontSize and @baseLineHeight. The first is the base font-size used throughout and the second is the base line-height.

    We use those variables, and some math, to create the margins, paddings, and line-heights of all our type and more.

    -

    h1. Heading 1

    -

    h2. Heading 2

    -

    h3. Heading 3

    -

    h4. Heading 4

    -
    h5. Heading 5
    -
    h6. Heading 6
    +

    Example body text

    +

    Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.

    +

    Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.

    -

    Example paragraph

    -

    Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.

    -

    Example heading Has sub-heading…

    +
    +

    h1. Heading 1

    +

    h2. Heading 2

    +

    h3. Heading 3

    +

    h4. Heading 4

    +
    h5. Heading 5
    +
    h6. Heading 6
    +
    +

    Emphasis, address, and abbreviation

    +
    <code>In a line of text like this, your wrapped code will look like this >html< element.In a line of text like this, your wrapped code will look like this <html> element.
    <pre>
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    ElementDescriptionUsage
    + <strong> + + For emphasizing a snippet of text with important + + None +
    + <em> + + For emphasizing a snippet of text with stress + + None +
    + <abbr> + + Wraps abbreviations and acronyms to show the expanded version on hover + + Include optional title for expanded text +
    + <address> + + For contact information for its nearest ancestor or the entire body of work + + Preserve formatting by ending all lines with <br> +
    +
    -
    -

    Misc. elements

    -

    Using emphasis, addresses, & abbreviations

    -

    - <strong> - <em> - <address> - <abbr> -

    -
    -
    -

    When to use

    -

    Emphasis tags (<strong> and <em>) should be used to indicate additional importance or emphasis of a word or phrase relative to its surrounding copy. Use <strong> for importance and <em> for stress emphasis.

    -

    Emphasis in a paragraph

    +
    +

    Using emphasis

    Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue.

    -

    Note: It's still okay to use <b> and <i> tags in HTML5 and they don't have to be styled bold and italic, respectively (although if there is a more semantic element, use it). <b> is meant to highlight words or phrases without conveying additional importance, while <i> is mostly for voice, technical terms, etc.

    -

    Addresses

    -

    The <address> element is used for contact information for its nearest ancestor, or the entire body of work. Here are two examples of how it could be used:

    - -
    -
    -
    - Twitter, Inc.
    - 795 Folsom Ave, Suite 600
    - San Francisco, CA 94107
    - P: (123) 456-7890 -
    -
    -
    -
    - Full Name
    - first.last@gmail.com -
    -
    -
    - -

    Note: Each line in an <address> must end with a line-break (<br>) or be wrapped in a block-level tag (e.g., <p>) to properly structure the content.

    -

    Abbreviations

    -

    For abbreviations and acronyms, use the <abbr> tag (<acronym> is deprecated in HTML5). Put the shorthand form within the tag and set a title for the complete name.

    +

    Note: Feel free to use <b> and <i> in HTML5, but their usage has changed a bit. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.

    -
    +
    +

    Example addresses

    +

    Here are two examples of how the <address> tag can be used:

    +
    + Twitter, Inc.
    + 795 Folsom Ave, Suite 600
    + San Francisco, CA 94107
    + P: (123) 456-7890 +
    +
    + Full Name
    + first.last@gmail.com +
    +
    +
    +

    Example abbreviations

    +

    Abbreviations are styled with uppercase text and a light dotted bottom border. They also have a help cursor on hover so users have extra indication something will be shown on hover.

    +

    HTML is the best thing since sliced bread.

    +

    An abbreviation of the word attribute is attr.

    +
    +
    + +

    Blockquotes

    -
    -

    Blockquotes

    -

    - <blockquote> - <p> - <small> -

    -
    -
    -

    How to quote

    +

    To include a blockquote, wrap <blockquote> around <p> and <small> tags. Use the <small> element to cite your source and you'll get an em dash &mdash; before it.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

    Dr. Julius Hibbert
    +
    + 
     <blockquote>
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
@@ -497,8 +537,9 @@
 </blockquote>
    -
    +
    +

    Lists

    @@ -522,7 +563,7 @@
-

Unstyled <.unstyled>

+

Unstyled <ul.unstyled>

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
    • @@ -570,120 +611,96 @@ -
    -
    -

    Code

    -

    - <code> - <pre> -

    -

    Pimp your code in style with two simple tags. For even more awesomeness through javascript, drop in Google's code prettify library and you're set.

    -
    -
    -

    Presenting code

    -

    Code, blocks of or just snippets inline, can be displayed with style just by wrapping in the right tag. For blocks of code spanning multiple lines, use the <pre> element. For inline code, use the <code> element.

    - - - - - - - - - - - - - - - + + +
    ElementResult
    <code>In a line of text like this, your wrapped code will look like this <html> element.
    <pre> + +

    Code Inline and block

    + + + + + + + + + + + + + + + - - - - + + + + - - -
    ElementResult
    <code>In a line of text like this, your wrapped code will look like this <html> element.
    <pre> 
    <div>
   <h1>Heading</h1>
   <p>Something right here...</p>
 </div>
    -

    Note: Be sure to keep code within pre tags as close to the left as possible; it will render all tabs.

    -
    <pre class="prettyprint"> -

    Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting.

    +

    Note: Be sure to keep code within pre tags as close to the left as possible; it will render all tabs.

    +
    <pre class="prettyprint"> +

    Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting.

    <div>
   <h1>Heading</h1>
   <p>Something right here...</p>
 </div>
    -

    Download google-code-prettify and view the readme for how to use.

    -
    - - +

    Download google-code-prettify and view the readme for how to use.

    +
    -
    -
    -

    Inline labels

    -

    - <span class="label"> -

    -

    Call attention to or flag any phrase in your body text.

    -
    -
    -

    Label anything

    -

    Ever needed one of those fancy New! or Important flags when writing code? Well, now you have them. Here's what's included by default:

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    LabelResult
    - <span class="label">Default</span> - - Default -
    - <span class="label success">New</span> - - New -
    - <span class="label warning">Warning</span> - - Warning -
    - <span class="label important">Important</span> - - Important -
    - <span class="label notice">Notice</span> - - Notice -
    -
    -
    +

    Inline labels for special attention

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    LabelsMarkup
    + Default + + <span class="label">Default</span> +
    + New + + <span class="label success">New</span> +
    + Warning + + <span class="label warning">Warning</span> +
    + Important + + <span class="label important">Important</span> +
    + Notice + + <span class="label notice">Notice</span> +
    -- cgit v1.2.3 From b91d210a3cdb29d022f20646ed61e663ceea18dd Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 17 Oct 2011 14:43:43 -0700 Subject: overhauled tables section of docs to minize copy and emphasize code --- docs/index.html | 279 ++++++++++++++++++++++++++++++++++++-------------------- 1 file changed, 178 insertions(+), 101 deletions(-) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index 2e0036bb0..68cdd4a2c 100644 --- a/docs/index.html +++ b/docs/index.html @@ -638,10 +638,14 @@ <pre class="prettyprint"> -

    Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting.

    +

    Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.

    <div>
   <h1>Heading</h1>
   <p>Something right here...</p>
+</div>
    +
    <div>
+  <h1>Heading</h1>
+  <p>Something right here...</p>
 </div>

    Download google-code-prettify and view the readme for how to use.

    @@ -712,130 +716,204 @@

    Tables For, you guessed it, tabular data

    - + +

    Table markup

    -
    -

    Building tables

    -

    - <table> - <thead> - <tbody> - <tr> - <th> - <td> - <colspan> - <caption> -

    -

    Tables are great—for a lot of things. Great tables, however, need a bit of markup love to be useful, scalable, and readable (at the code level). Here are a few tips to help.

    -

    Always wrap your column headers in a <thead> such that hierarchy is <thead> > <tr> > <th>.

    -

    Similar to the column headers, all your table’s body content should be wrapped in a <tbody> so your hierarchy is <tbody> > <tr> > <td>.

    -
    -
    -

    Example: Default table styles

    -

    All tables will be automatically styled with only the essential borders to ensure readability and maintain structure. No need to add extra classes or attributes.

    - +
    +
    - - - - + + - - - - + + - - - - + + - - - - + + - -
    #First NameLast NameLanguageTagDescription
    1SomeOneEnglish + <table> + + Wrapping element for displaying data in a tabular format +
    2JoeSixpackEnglish + <thead> + + Container element for table header rows (<tr>) to label table columns +
    3StuDentCode + <tbody> + + Container element for table rows (<tr>) in the body of the table +
    -
    -<table>
-  ...
-</table>
    -

    Example: Zebra-striped

    -

    Get a little fancy with your tables by adding zebra-striping—just add the .zebra-striped class.

    - - - - - - + + - - - - - - + + - - - - + + - - - - + +
    #First NameLast NameLanguage + <tr> + + Container element for a set of table cells (<td> or <th>) that appears on a single row +
    1SomeOneEnglish + <td> + + Default table cell +
    2JoeSixpackEnglish + <th> + + Special table cell for column (or row, depending on scope and placement) labels
    + Must be used within a <thead> +
    3StuDentCode + <caption> + + Description or summary of what the table holds, especially useful for screen readers +
    -

    Note: Zebra-striping is a progressive enhancement not available for older browsers like IE8 and below.

    +
    +
    +
    +<table>
+  <thead>
+    <tr>
+      <th>...</th>
+      <th>...</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>...</td>
+      <td>...</td>
+    </tr>
+  </tbody>
+</table>
+
    +
    +
    + +

    Example tables

    +

    1. Default table styles

    +

    All tables will be automatically styled with only the essential borders to ensure readability and maintain structure. No need to add extra classes or attributes.

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    #First NameLast NameLanguage
    1SomeOneEnglish
    2JoeSixpackEnglish
    3StuDentCode
    +
    +<table>
+  ...
+</table>
    +

    2. Zebra-striped

    +

    Get a little fancy with your tables by adding zebra-striping—just add the .zebra-striped class.

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    #First NameLast NameLanguage
    1SomeOneEnglish
    2JoeSixpackEnglish
    3StuDentCode
    +

    Note: Zebra-striping is a progressive enhancement not available for older browsers like IE8 and below.

     <table class="zebra-striped">
 ...
 </table>
    -

    Example: Zebra-striped w/ TableSorter.js

    -

    Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via jQuery and the Tablesorter plugin. Click any column’s header to change the sort.

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    #First NameLast NameLanguage
    1YourOneEnglish
    2JoeSixpackEnglish
    3StuDentCode
    +

    3. Zebra-striped w/ TableSorter.js

    +

    Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via jQuery and the Tablesorter plugin. Click any column’s header to change the sort.

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    #First NameLast NameLanguage
    1YourOneEnglish
    2JoeSixpackEnglish
    3StuDentCode
     <script src="js/jquery/jquery.tablesorter.min.js"></script>
 <script >
@@ -846,8 +924,7 @@
 <table class="zebra-striped">
   ...
 </table>
    -
    -
    + -- cgit v1.2.3 From ae5c5e10635049c65d73454ca9486539bdf324d4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 17 Oct 2011 20:44:52 -0700 Subject: update docs to change topbar to navbar --- docs/index.html | 18 +++++++++--------- docs/javascript.html | 24 ++++++++++++------------ 2 files changed, 21 insertions(+), 21 deletions(-) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index 68cdd4a2c..7fe5ce1ca 100644 --- a/docs/index.html +++ b/docs/index.html @@ -25,7 +25,7 @@ -
    @@ -1308,7 +1308,7 @@

    Navigation

    -

    Fixed topbar

    +

    Fixed navbar

    @@ -1343,24 +1343,24 @@
-
-
+
+

What is it

-

Our topbar is a fixed bar that houses a website’s logo or name, primary navigation, and search form.

+

Our navbar is a fixed bar that houses a website’s logo or name, primary navigation, and search form.

Customizable

-

All elements within, and the entire topbar as well, are optional. You can choose to include a logo/name, nav, search, and a secondary nav—or any combination of that.

+

All elements within, and the entire navbar as well, are optional. You can choose to include a logo/name, nav, search, and a secondary nav—or any combination of that.

Dropdowns included

As part of the main navigation, we’ve included the ability for you to add dropdowns to your nav. Check out the secondary nav above (right aligned) to see how it’s done. Dropdowns <li> tags also support .active for showing current page selection.

-

Note: When using the topbar on any page, be sure to account for the overlap it causes by adding padding-top: 40px; to your <body>.

+

Note: When using the navbar on any page, be sure to account for the overlap it causes by adding padding-top: 40px; to your <body>.


@@ -1875,11 +1875,11 @@ Lorem ipsum dolar sit amet illo error ipsum verita bootstrap-dropdown.js - This plugin is for adding dropdown interaction to the bootstrap topbar or tabbed navigations. + This plugin is for adding dropdown interaction to the bootstrap navbar or tabbed navigations. bootstrap-scrollspy.js - The ScrollSpy plugin is for adding an auto updating nav based on scroll position to the bootstrap topbar. + The ScrollSpy plugin is for adding an auto updating nav based on scroll position to the bootstrap navbar. bootstrap-tabs.js diff --git a/docs/javascript.html b/docs/javascript.html index da623c2f8..68a3d0cd4 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -25,7 +25,7 @@ -
@@ -189,12 +189,12 @@ $('#my-modal').bind('hidden', function () {
-

This plugin is for adding dropdown interaction to the bootstrap topbar or tabbed navigations.

+

This plugin is for adding dropdown interaction to the Bootstrap navbar or tabbed navigations.

Download

Using boostrap-dropdown.js

- 
$('#topbar').dropdown()
+ 
$('#navbar').dropdown()

Markup

To quickly add dropdown functionality to any nav element, use the data-dropdown attribute. Any valid bootstrap dropdown will automatically be activated.

@@ -213,10 +213,10 @@ $('#my-modal').bind('hidden', function () {
           
Methods

           
$().dropdown()

           

-          A programatic api for activating menus for a given topbar or tabbed navigation.
+          A programatic api for activating menus for a given navbar or tabbed navigation.
           

           
Demo

-          
 
-
     
+    
     
     
     
@@ -2182,6 +202,5 @@ Lorem ipsum dolar sit amet illo error ipsum verita
     
     
     
-
   
 
diff --git a/docs/javascript.html b/docs/javascript.html
index 68a3d0cd4..c9ac7e21d 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -27,7 +27,24 @@
 
     
-    

+    

+      

+        

+          Bootstrap
+          
+        

+      

+    

+
+
-    

-      
Javascript for Bootstrap

-      
Bring Bootstrap's components to life with custom plugins for jQuery and Ender.

-    

+ -->
+
+    

+      
+      

+        
Javascript for Bootstrap

+        
Bring Bootstrap's components to life with custom plugins for jQuery and Ender

+      

+
+
+
+
+ 

+   

+     
Using javascript with Bootstrap An index of plugins to get you started

+   

+   

+     

+       
Getting started

+       
Integrating javascript with the Bootstrap library is super easy. Below we go over the basics and provide you with some awesome plugins to get you started!

+       
View javascript docs »

+     

+     

+      
What's included

+       
Bring some of Bootstrap's primary components to life with new custom plugins that work with jQuery and Ender. We encourage you to extend and modify them to fit your specific development needs.

+       
+         
+           
+             
+             
+           
+         
+         
+           
+             
+             
+           
+           
+             
+             
+           
+           
+             
+             
+           
+           
+             
+             
+           
+           
+             
+             
+           
+           
+             
+             
+           
+           
+             
+             
+           
+         
+       
FileDescription
bootstrap-modal.jsOur Modal plugin is a super slim take on the traditional modal js plugin! We took special care to include only the bare functionality that we require at twitter.
bootstrap-alerts.jsThe alert plugin is a super tiny class for adding close functionality to alerts.
bootstrap-dropdown.jsThis plugin is for adding dropdown interaction to the bootstrap navbar or tabbed navigations.
bootstrap-scrollspy.jsThe ScrollSpy plugin is for adding an auto updating nav based on scroll position to the bootstrap navbar.
bootstrap-tabs.jsThis plugin adds quick, dynamic tab and pill functionality for cycling through local content.
bootstrap-twipsy.jsBased on the excellent jQuery.tipsy plugin written by Jason Frame; twipsy is an updated version, which doesn't rely on images, uses css3 for animations, and data-attributes for local title storage!
bootstrap-popover.jsThe popover plugin provides a simple interface for adding popovers to your application. It extends the boostrap-twipsy.js plugin, so be sure to grab that file as well when including popovers in your project!

+       
Is javascript necessary?

+       
Nope! Bootstrap is designed first and foremost to be a CSS library. This javascript provides a basic interactive layer on top of the included styles.

+       
However, for those who do need javascript, we've provided the plugins above to help you understand how to integrate Bootstrap with javascript and to give you a quick, lightweight option for the basic functionality right away.

+       
For more information and to see some live demos, please refer to our plugin documentation page.

+     

+   

+

 
 
     
       
-
     

 
-
     
-    
+    
+    
+    
     
     
-    
-    
-    
-    
+    
     
+    
     
-    
-
+    
   
 
diff --git a/docs/less.html b/docs/less.html
new file mode 100644
index 000000000..806c2eede
--- /dev/null
+++ b/docs/less.html
@@ -0,0 +1,242 @@
+
+
+  
+    
+    Bootstrap, from Twitter
+    
+    
+
+    
+    
+
+    
+    
+    
+    
+
+    
+    
+    
+    
+    
+  
+
+  
+
+    
+    

+      

+        

+          Bootstrap
+          
+        

+      

+    

+
+    

+
+      
+      

+        
Using LESS

+        
Be a boss and use Bootstrap's built-in variables, mixins, and more via LESS

+      

+
+
+
+

+

+  
Using Bootstrap with Less Supercharge your CSS with variables, mixins, and functions

+

+

+  

+    
Bootstrap was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.

+    
Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.

+  

+  

+    
How to use it

+    
Use this option to make full use of Bootstrap’s Less variables, mixins, and nesting in CSS via javascript in your browser.

+
+<link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
+<script src="js/less-1.1.3.min.js"></script>

+
Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.

+
+    
What’s included

+    
Here are some of the highlights of what’s included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.

+    
Variables

+    
Variables in Less are perfect for maintaining and updating your CSS headache free. When you want to change a color value or a frequently used value, update it in one spot and you’re set.

+
+// Links
+@linkColor:         #8b59c2;
+@linkColorHover:    darken(@linkColor, 10);
+
+// Grays
+@black:             #000;
+@grayDark:          lighten(@black, 25%);
+@gray:              lighten(@black, 50%);
+@grayLight:         lighten(@black, 70%);
+@grayLighter:       lighten(@black, 90%);
+@white:             #fff;
+
+// Accent Colors
+@blue:              #08b5fb;
+@green:             #46a546;
+@red:               #9d261d;
+@yellow:            #ffc40d;
+@orange:            #f89406;
+@pink:              #c3325f;
+@purple:            #7a43b6;
+
+// Baseline grid
+@basefont:          13px;
+@baseline:          18px;
+

+
+
Commenting

+
Less also provides another style of commenting in addition to CSS’s normal /* ... */ syntax.

+
+// This is a comment
+/* This is also a comment */
+

+
+
Mixins up the wazoo

+
Mixins are basically includes or partials for CSS, allowing you to combine a block of code into one. They’re great for vendor prefixed properties like box-shadow, cross-browser gradients, font stacks, and more. Below is a sample of the mixins that are included with Bootstrap.

+
Font stacks

+
+#font {
+  .shorthand(@weight: normal, @size: 14px, @lineHeight: 20px) {
+    font-size: @size;
+    font-weight: @weight;
+    line-height: @lineHeight;
+  }
+  .sans-serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: @size;
+    font-weight: @weight;
+    line-height: @lineHeight;
+  }
+  ...
+}
+

+
Gradients

+
+#gradient {
+  ...
+  .vertical (@startColor: #555, @endColor: #333) {
+    background-color: @endColor;
+    background-repeat: repeat-x;
+    background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
+    background-image: -moz-linear-gradient(@startColor, @endColor); // FF 3.6+
+    background-image: -ms-linear-gradient(@startColor, @endColor); // IE10
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
+    background-image: -webkit-linear-gradient(@startColor, @endColor); // Safari 5.1+, Chrome 10+
+    background-image: -o-linear-gradient(@startColor, @endColor); // Opera 11.10
+    background-image: linear-gradient(@startColor, @endColor); // The standard
+  }
+  ...
+}
+

+
+
Operations

+
Get fancy and perform some math to generate flexible and powerful mixins like the one below.

+
+// Griditude
+@gridColumns:       16;
+@gridColumnWidth:   40px;
+@gridGutterWidth:   20px;
+@siteWidth:         (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
+
+// Make some columns
+.columns(@columnSpan: 1) {
+  width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1));
+}
+

+
+    
Compiling Less

+    
After modifying the .less files in /lib/, you'll need to recompile them in order to regenerate the bootstrap-*.*.*.css and bootstrap-*.*.*.min.css files. If you're submitting a pull request to GitHub, you must always recompile.

+    
Ways to compile

+    
+      
+        
+          
+          
+        
+      
+      
+        
+          
+          
+        
+          
+          
+        
+        
+          
+          
+        
+        
+          
+          
+        
+      
+    
MethodSteps
Node with makefile
+            
Install the less command line compiler with npm by running the following command:

+            
$ npm install lessc

+            
Once installed just run make from the root of your bootstrap directory and you're all set.

+            
Additionally, if you have watchr installed, you may run make watch to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn't required, just a convenience method).

+          
Javascript
+            
Download the latest Less.js and include the path to it (and Bootstrap) in the head.

+
+<link rel="stylesheet/less" href="/path/to/bootstrap.less">
+<script src="/path/to/less.js"></script>
+

+            
To recompile the .less files, just save them and reload your page. Less.js compiles them and stores them in local storage.

+          
Command line
+            
If you already have the less command line tool installed, simply run the following command:

+              
$ lessc ./lib/bootstrap.less > bootstrap.css

+            
Be sure to include --compress in that command if you're trying to save some bytes!

+          
Mac app
+            
The unofficial Mac app watches directories of .less files and compiles the code to local files after every save of a watched .less file.

+            
If you like, you can toggle preferences in the app for automatic minifying and which directory the compiled files end up in.

+          

+  

+

+
+

+
+
+      
+      
+    

+
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+  
+
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
new file mode 100644
index 000000000..9334e830c
--- /dev/null
+++ b/docs/scaffolding.html
@@ -0,0 +1,383 @@
+
+
+  
+    
+    Bootstrap, from Twitter
+    
+    
+
+    
+    
+
+    
+    
+    
+    
+
+    
+    
+    
+    
+    
+  
+
+  
+
+    
+    

+      

+        

+          Bootstrap
+          
+        

+      

+    

+
+    

+
+      
+      

+        
Scaffolding

+        
Responsive 12-column grid and fixed- and fluid-width layouts

+      

+
+
+
+

+  

+    
Grid system 12 columns with a responsive twist

+  

+
+  
Default 940px grid

+  

+    
1

+    
1

+    
1

+    
1

+    
1

+    
1

+    
1

+    
1

+    
1

+    
1

+    
1

+    
1

+  

+  

+    
4

+    
4

+    
4

+  

+  

+    
4

+    
8

+  

+  

+    
6

+    
6

+  

+  

+    
12

+  

+
+  

+    

+      
The default grid system provided as part of Bootstrap is a 940px-wide, 12-column grid.

+      
It also has three responsive variations for various devices and resolutions: phone, tablet, and large widescreen desktops.

+    

+    

+
+<div class="row">
+  <div class="span4">...</div>
+  <div class="span8">...</div>
+</div>
+

+    

+    

+      
As shown here, a basic layout can be created with two "columns," each spanning a number of the 12 foundational columns we defined as part of our grid system.

+    

+  

+
+  
Offsetting columns

+  

+    
4

+    
4 offset 4

+  

+  

+    
3 offset 3

+    
3 offset 3

+  

+  

+    
8 offset 4

+  

+
+  

+
+  
Nesting columns

+  

+    

+      
With the static (non-fluid) grid system in Bootstrap, nesting is easy. To nest your content, just add a new .row and set of .span* columns within an existing .span* column.

+      
Example

+      

+        

+          Level 1 of column
+          

+            

+              Level 2
+            

+            

+              Level 2
+            

+          

+        

+      

+    

+    

+
+<div class="row">
+  <div class="span12">
+    Level 1 of column
+    <div class="row">
+      <div class="span6">Level 2</div>
+      <div class="span6">Level 2</div>
+    </div>
+  </div>
+</div>
+

+    

+  

+
+  
Grid customization

+  
+    
+      
+        
+        
+        
+      
+    
+    
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+    
+  
VariableDefault valueDescription
@gridColumns16The number of columns within the grid
@gridColumnWidth40pxThe width of each column within the grid
@gridGutterWidth20pxThe negative space between each column
@siteWidthComputed sum of all columns and guttersWe use some basic match to count the number of columns and gutters and set the width of the .fixed-container() mixin.

+  

+    

+      
Variables in LESS

+      
Built into Bootstrap are a handful of variables for customizing the default 940px grid system, documented above. All variables for the grid are stored in mixins.less.

+    

+    

+      
How to customize

+      
Modifying the grid means changing the three @grid* variables and recompiling Bootstrap. Change the grids in the preboot.less file and use one of the four ways documented to recompile.

+    

+    

+      
Staying responsive

+      
Customization of the grid only works at the default level, the 940px grid. To maintain the responsive aspects of Bootstrap, you'll also have to customize the grids in responsive.less.

+    

+  

+
+

+
+
+
+
+

+  

+    
Layouts Basic templates to create webpages

+  

+
+  

+    

+      
Fixed layout

+      
The default and simple 940px-wide, centered layout for just about any website or page provided by a single <div.container>.

+      

+        

+      

+
+<body>
+  <div class="container">
+    ...
+  </div>
+</body>
+

+    

+    

+      
Fluid layout

+      
An alternative, flexible fluid page structure with min- and max-widths and a left-hand sidebar. Great for apps and docs.

+      

+        

+        

+      

+
+<body>
+  <div class="container-fluid">
+    <div class="sidebar">
+      ...
+    </div>
+    <div class="content">
+      ...
+    </div>
+  </div>
+</body>
+

+    

+  

+

+
+
+
+
+
+

+  

+    
Responsive design Media queries for various devices and resolutions

+  

+  
+  

+    

+      Responsive devices
+    

+    

+      
Supported devices

+      
Bootstrap supports a handful of media queries to help make your projects more appropriate on different devices and screen resolutions. Here's what's included:

+      
+        
+          
+            
+            
+            
+            
+          
+        
+        
+          
+            
+            
+            
+          
+          
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+        
+      
LabelLayout widthColumn widthGutter width
Smartphones480px and belowFluid columns, no fixed widths
Portrait tablets480px to 768pxFluid columns, no fixed widths
Landscape tablets768px to 940px44px20px
Default940px and up60px20px
Large display1210px and up70px30px

+
+      
What they do

+      
Media queries allow for custom CSS based on a number of conditions—ratios, widths, display type, etc—but usually focuses around min-width and max-width.

+      
    
+        
  • Modify the width of column in our grid
    • 
+        
  • Stack elements instead of float wherever necessary
    • 
+        
  • Resize headings and text to be more appropriate for devices
    • 
+      

+    

+  

+
+  

+
+  
+  
Using the media queries

+  

+    

+      
Bootstrap doesn't automatically include these media queries, but understanding and adding them is very easy and requires minimal setup. You have a few options for including the responsive features of Bootstrap:

+      
    
+        
  1. Use the compiled responsive version, bootstrap.reponsive.css
    2. 
+        
  2. Add @import "responsive.less" and recompile Bootstrap
    3. 
+        
  3. Compile responsive.less as a separate file and include that
    4. 
+      

+      
Why not just include it? Truth be told, not everything needs to be responsive. Instead of encouraging developers to remove this feature, we figure it best to enable it.

+    

+    

+
+  // Landscape phones and down
+  @media (max-width: 480px) { ... }
+
+  // Landscape phone to portrait tablet
+  @media (min-width: 480px) and (max-width: 768px) { ... }
+
+  // Portrait tablet to landscape and desktop
+  @media (min-width: 768px) and (max-width: 940px) { ... }
+
+  // Large desktop
+  @media (min-width: 1210px) { .. }
+

+    

+  

+

+
+
+
+      
+      
+    

+
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+  
+
-- 
cgit v1.2.3


From b4c894961c0b75361ead496f1686eb3cf41c5c97 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Wed, 26 Oct 2011 23:24:22 -0700
Subject: address issue #414 and fix up a number of docs loose ends

---
 docs/assets/css/docs.css | 58 ++++++++++--------------------------------------
 docs/base-css.html       | 14 +++++++-----
 docs/components.html     |  2 +-
 docs/less.html           |  2 +-
 docs/scaffolding.html    |  2 +-
 5 files changed, 24 insertions(+), 54 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 8ed81e713..3a4dcff1c 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -15,7 +15,7 @@ body {
   background-repeat: repeat-x;
 }
 
-/* Tweak topbar brand link to be super sleek
+/* Tweak navbar brand link to be super sleek
 -------------------------------------------------- */
 body > .navbar-fixed .brand {
   padding-right: 0;
@@ -29,6 +29,12 @@ body > .navbar-fixed .brand:hover {
   text-decoration: none;
 }
 
+/* Space out sub-sections more
+-------------------------------------------------- */
+.page-header {
+  margin-top: 36px;
+}
+
 /* Jumbotrons
 -------------------------------------------------- */
 .jumbotron {
@@ -92,12 +98,12 @@ body > .navbar-fixed .brand:hover {
   color: #999;
 }
 
-
 /* Specific jumbotrons
 ------------------------- */
 /* supporting docs pages */
 .subhead {
   padding-bottom: 14px;
+  margin-bottom: 45px;
   border-bottom: 3px solid #e5e5e5;
 }
 .subhead h1,
@@ -224,46 +230,6 @@ body > .navbar-fixed .brand:hover {
 }
 
 
-/* Topbar special styles
--------------------------------------------------- */
-.topbar-wrapper {
-  position: relative;
-  height: 40px;
-  margin: 5px 0 15px;
-}
-.topbar-wrapper .topbar {
-  position: absolute;
-  margin: 0 -20px;
-}
-.topbar-wrapper .topbar .topbar-inner {
-  padding-left: 20px;
-  padding-right: 20px;
-  -webkit-border-radius: 4px;
-     -moz-border-radius: 4px;
-          border-radius: 4px;
-}
-
-/* Topbar in js docs
-------------------------- */
-#bootstrap-js .topbar-wrapper {
-  z-index: 1;
-}
-#bootstrap-js .topbar-wrapper .topbar {
-  position: absolute;
-  margin: 0 -20px;
-}
-#bootstrap-js .topbar-wrapper .topbar .topbar-inner {
-  padding-left: 20px;
-  padding-right: 20px;
-  -webkit-border-radius: 4px;
-     -moz-border-radius: 4px;
-          border-radius: 4px;
-}
-#bootstrap-js .topbar-wrapper .container {
-  width: auto;
-}
-
-
 /* Popover docs
 -------------------------------------------------- */
 .popover-well {
@@ -288,15 +254,13 @@ img.large-bird {
 }
 
 
-/* Pretty Print
+/* Misc
 -------------------------------------------------- */
+
 pre.prettyprint {
   overflow: hidden;
 }
 
-
-/* Wells
--------------------------------------------------- */
 .well form {
   margin-bottom: 0;
 }
@@ -311,6 +275,7 @@ h2 + table {
   margin-top: 5px;
 }
 
+
 /* Responsive Docs
 -------------------------------------------------- */
 @media (max-width: 480px) {
@@ -385,6 +350,7 @@ h2 + table {
 
 }
 
+
 @media (min-width: 768px) and (max-width: 940px) {
 
   /* Scale down the jumbotron content */
diff --git a/docs/base-css.html b/docs/base-css.html
index e3b3782c0..47dff40e7 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -197,7 +197,8 @@
   
Lists

   

     

-      
Unordered <ul>

+      
Unordered

+      
<ul>

       
    
         
  • Lorem ipsum dolor sit amet
    • 
         
  • Consectetur adipiscing elit
    • 
@@ -217,7 +218,8 @@
       

     

     

-      
Unstyled <ul.unstyled>

+      
Unstyled

+      
<ul class="unstyled">

       
    
         
  • Lorem ipsum dolor sit amet
    • 
         
  • Consectetur adipiscing elit
    • 
@@ -237,7 +239,8 @@
       

     

     

-      
Ordered <ol>

+      
Ordered

+      
<ol>

       
    
         
  1. Lorem ipsum dolor sit amet
    2. 
         
  2. Consectetur adipiscing elit
    3. 
@@ -250,7 +253,8 @@
       

     

     

-      
Description <dl>

+      
Description

+      
<dl>

       

         
Description lists

         
A description list is perfect for defining terms.

@@ -286,7 +290,7 @@
   <h1>Heading</h1>
   <p>Something right here...</p>
 </div>
-

Note: Be sure to keep code within pre tags as close to the left as possible; it will render all tabs.

+

Note: Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.

diff --git a/docs/components.html b/docs/components.html index 0e3f0a223..59273ac19 100644 --- a/docs/components.html +++ b/docs/components.html @@ -548,7 +548,7 @@

Block messages

-

.alert-message.block-message

+

<div class="alert-message block-message">

For messages that require a bit of explanation, we have paragraph style alerts. These are perfect for bubbling up longer error messages, warning a user of a pending action, or just presenting information for more emphasis on the page.

Get the javascript »

diff --git a/docs/less.html b/docs/less.html index 806c2eede..d5a467bfa 100644 --- a/docs/less.html +++ b/docs/less.html @@ -185,7 +185,7 @@ Javascript -

Download the latest Less.js and include the path to it (and Bootstrap) in the head.

+

Download the latest Less.js and include the path to it (and Bootstrap) in the <head>.

 <link rel="stylesheet/less" href="/path/to/bootstrap.less">
 <script src="/path/to/less.js"></script>
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index 9334e830c..2a5ae8bc6 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -234,7 +234,7 @@

Fluid layout

-

An alternative, flexible fluid page structure with min- and max-widths and a left-hand sidebar. Great for apps and docs.

+

<div class="fluid-container"> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.

-- cgit v1.2.3 From 19feb1b1ff56db21bc36106e3b57943ca490a912 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 26 Oct 2011 23:25:57 -0700 Subject: fix new navbar in components --- docs/components.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/components.html b/docs/components.html index 59273ac19..c18d8c113 100644 --- a/docs/components.html +++ b/docs/components.html @@ -158,7 +158,7 @@

Fixed navbar

-
+
Project Name
  • Home
    • -- cgit v1.2.3 From 20b9390a9e3a94dae86af388821aa8f458ba057f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 27 Oct 2011 09:35:58 -0700 Subject: update docs for responsive --- docs/assets/css/docs.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 3a4dcff1c..7238badb3 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -351,6 +351,21 @@ h2 + table { } +@media (min-width: 480px) and (max-width: 768px) { + + /* Scale down the jumbotron content */ + .jumbotron h1 { + font-size: 54px; + } + + .jumbotron h1, + .jumbotron p { + margin-right: 40%; + } + +} + + @media (min-width: 768px) and (max-width: 940px) { /* Scale down the jumbotron content */ -- cgit v1.2.3 From f3128d0fa1f1f14104b7c4ffab54f083b99a108e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 27 Oct 2011 23:00:09 -0700 Subject: overhauled the front page to feel a bit more marketing-like, added the awesome glyphicons to bring some life to the docs --- docs/assets/css/docs.css | 35 ++++++++- .../assets/img/glyphicons/glyphicons_009_magic.png | Bin 0 -> 1426 bytes .../assets/img/glyphicons/glyphicons_042_group.png | Bin 0 -> 1386 bytes .../img/glyphicons/glyphicons_079_podium.png | Bin 0 -> 1328 bytes .../img/glyphicons/glyphicons_082_roundabout.png | Bin 0 -> 1516 bytes .../glyphicons/glyphicons_155_show_thumbnails.png | Bin 0 -> 1179 bytes .../img/glyphicons/glyphicons_163_iphone.png | Bin 0 -> 1235 bytes .../img/glyphicons/glyphicons_214_resize_small.png | Bin 0 -> 1406 bytes .../img/glyphicons/glyphicons_266_book_open.png | Bin 0 -> 1405 bytes docs/index.html | 85 +++++++++++++++++++-- 10 files changed, 111 insertions(+), 9 deletions(-) create mode 100644 docs/assets/img/glyphicons/glyphicons_009_magic.png create mode 100644 docs/assets/img/glyphicons/glyphicons_042_group.png create mode 100644 docs/assets/img/glyphicons/glyphicons_079_podium.png create mode 100644 docs/assets/img/glyphicons/glyphicons_082_roundabout.png create mode 100644 docs/assets/img/glyphicons/glyphicons_155_show_thumbnails.png create mode 100644 docs/assets/img/glyphicons/glyphicons_163_iphone.png create mode 100644 docs/assets/img/glyphicons/glyphicons_214_resize_small.png create mode 100644 docs/assets/img/glyphicons/glyphicons_266_book_open.png (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 7238badb3..66e87fdf9 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -5,6 +5,7 @@ Special styles for presenting Bootstrap's documentation and examples */ + /* Body and structure -------------------------------------------------- */ body { @@ -15,6 +16,7 @@ body { background-repeat: repeat-x; } + /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ body > .navbar-fixed .brand { @@ -29,12 +31,14 @@ body > .navbar-fixed .brand:hover { text-decoration: none; } + /* Space out sub-sections more -------------------------------------------------- */ .page-header { margin-top: 36px; } + /* Jumbotrons -------------------------------------------------- */ .jumbotron { @@ -119,7 +123,7 @@ body > .navbar-fixed .brand:hover { -------------------------------------------------- */ .quick-links { padding: 5px 20px; - margin: 60px 0; + margin: 45px 0; list-style: none; text-align: center; background-color: #eee; @@ -149,13 +153,40 @@ body > .navbar-fixed .brand:hover { } +/* Marketing section of Overview +-------------------------------------------------- */ +.marketing .row { + margin-bottom: 18px; +} +.marketing h1 { + margin-bottom: 18px; +} +.marketing h2, +.marketing h3 { + font-weight: 300; + color: #000; +} +.marketing h2 { + margin-bottom: 9px; +} +.marketing p { + margin-right: 10px; +} +.marketing img { + float: left; + margin: 7px 10px 0 0; +} + + /* Footer -------------------------------------------------- */ .footer { - padding: 30px 0; + margin-top: 45px; + padding: 35px 0 36px; border-top: 1px solid #e5e5e5; } .footer p { + margin-bottom: 0; color: #555; } diff --git a/docs/assets/img/glyphicons/glyphicons_009_magic.png b/docs/assets/img/glyphicons/glyphicons_009_magic.png new file mode 100644 index 000000000..ef048aaaa Binary files /dev/null and b/docs/assets/img/glyphicons/glyphicons_009_magic.png differ diff --git a/docs/assets/img/glyphicons/glyphicons_042_group.png b/docs/assets/img/glyphicons/glyphicons_042_group.png new file mode 100644 index 000000000..29393dda1 Binary files /dev/null and b/docs/assets/img/glyphicons/glyphicons_042_group.png differ diff --git a/docs/assets/img/glyphicons/glyphicons_079_podium.png b/docs/assets/img/glyphicons/glyphicons_079_podium.png new file mode 100644 index 000000000..f55445451 Binary files /dev/null and b/docs/assets/img/glyphicons/glyphicons_079_podium.png differ diff --git a/docs/assets/img/glyphicons/glyphicons_082_roundabout.png b/docs/assets/img/glyphicons/glyphicons_082_roundabout.png new file mode 100644 index 000000000..bbda0935c Binary files /dev/null and b/docs/assets/img/glyphicons/glyphicons_082_roundabout.png differ diff --git a/docs/assets/img/glyphicons/glyphicons_155_show_thumbnails.png b/docs/assets/img/glyphicons/glyphicons_155_show_thumbnails.png new file mode 100644 index 000000000..1062f4844 Binary files /dev/null and b/docs/assets/img/glyphicons/glyphicons_155_show_thumbnails.png differ diff --git a/docs/assets/img/glyphicons/glyphicons_163_iphone.png b/docs/assets/img/glyphicons/glyphicons_163_iphone.png new file mode 100644 index 000000000..bbb71dceb Binary files /dev/null and b/docs/assets/img/glyphicons/glyphicons_163_iphone.png differ diff --git a/docs/assets/img/glyphicons/glyphicons_214_resize_small.png b/docs/assets/img/glyphicons/glyphicons_214_resize_small.png new file mode 100644 index 000000000..5ecaa72b2 Binary files /dev/null and b/docs/assets/img/glyphicons/glyphicons_214_resize_small.png differ diff --git a/docs/assets/img/glyphicons/glyphicons_266_book_open.png b/docs/assets/img/glyphicons/glyphicons_266_book_open.png new file mode 100644 index 000000000..de084d472 Binary files /dev/null and b/docs/assets/img/glyphicons/glyphicons_266_book_open.png differ diff --git a/docs/index.html b/docs/index.html index 64947dc15..4524b7950 100644 --- a/docs/index.html +++ b/docs/index.html @@ -127,10 +127,82 @@
+
+
+
+ +

Built for and by nerds

+

Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster. Bootstrap is built for you.

+
+
+ +

For all skill levels

+

Bootstrap is designed to help people of all skill level—designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex.

+
+
+ +

Cross-everything

+

Originally built with only modern browsers in mind, Bootstrap has evolved to include support for all major browsers (even IE7!) and, with Bootstrap 2, tablets and smartphones, too.

+
+
+
+
+ +

12-column grid

+

Grid systems aren't everything, but having a durable and flexible one at the core of your work can make development much simpler. Use our built-in grid classes or roll your own.

+
+
+ +

Responsive design

+

With Bootstrap 2, we've gone fully responsive. Our components are flexible enough to scale according to whatever resolution or device you're using to provide a consistent experience, no matter what.

+
+
+ +

Styleguide docs

+

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only our features, but best practices and living, coded examples.

+
+
+
+
+ +

Growing library

+

Despite being only 7kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components ready to be put to use.

+
+
+ +

Custom jQuery plugins

+

What good is an awesome design component without easy-to-use, proper, and extensible interactions? With Bootstrap, you get custom-built jQuery plugins to bring your projects to life.

+
+
+ +

Built on LESS

+

Where vanilla CSS falters, LESS excels. Variables, nesting, operations, and mixins in LESS makes coding CSS faster and more efficient with minimal overhead.

+
+
+
+
+

HTML5

+

Built to support new HTML5 elements and syntax.

+
+
+

CSS3

+

Progressively enhanced components for ultimate style.

+
+
+

Open-source

+

Built for and maintained by the community via GitHub.

+
+
+

Made at Twitter

+

Brought to you by experienced engineers and designers.

+
+
+
+ -
+ -

Quick-start examples

+
@@ -184,10 +256,9 @@ ================================================== -->
-- cgit v1.2.3 From 9fd4e459fe829454c811118c64aa32eafd6e8b97 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 27 Oct 2011 23:34:48 -0700 Subject: adding more icons for the homepage for open source, twitter, and html5/css3 --- docs/assets/css/docs.css | 6 +++++- docs/assets/img/icon-css3.png | Bin 0 -> 1145 bytes docs/assets/img/icon-github.png | Bin 0 -> 1191 bytes docs/assets/img/icon-html5.png | Bin 0 -> 1230 bytes docs/assets/img/icon-twitter.png | Bin 0 -> 1096 bytes docs/index.html | 22 +++++++++++++--------- 6 files changed, 18 insertions(+), 10 deletions(-) create mode 100644 docs/assets/img/icon-css3.png create mode 100644 docs/assets/img/icon-github.png create mode 100644 docs/assets/img/icon-html5.png create mode 100644 docs/assets/img/icon-twitter.png (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 66e87fdf9..79c904774 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -172,10 +172,14 @@ body > .navbar-fixed .brand:hover { .marketing p { margin-right: 10px; } -.marketing img { +.marketing .icon { float: left; margin: 7px 10px 0 0; } +.marketing .small-icon { + float: left; + margin: 4px 5px 0 0; +} /* Footer diff --git a/docs/assets/img/icon-css3.png b/docs/assets/img/icon-css3.png new file mode 100644 index 000000000..eb3651bac Binary files /dev/null and b/docs/assets/img/icon-css3.png differ diff --git a/docs/assets/img/icon-github.png b/docs/assets/img/icon-github.png new file mode 100644 index 000000000..8afcce9cb Binary files /dev/null and b/docs/assets/img/icon-github.png differ diff --git a/docs/assets/img/icon-html5.png b/docs/assets/img/icon-html5.png new file mode 100644 index 000000000..e9066c672 Binary files /dev/null and b/docs/assets/img/icon-html5.png differ diff --git a/docs/assets/img/icon-twitter.png b/docs/assets/img/icon-twitter.png new file mode 100644 index 000000000..98241d098 Binary files /dev/null and b/docs/assets/img/icon-twitter.png differ diff --git a/docs/index.html b/docs/index.html index 4524b7950..e712f6ed0 100644 --- a/docs/index.html +++ b/docs/index.html @@ -130,69 +130,73 @@
- +

Built for and by nerds

Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster. Bootstrap is built for you.

- +

For all skill levels

Bootstrap is designed to help people of all skill level—designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex.

- +

Cross-everything

Originally built with only modern browsers in mind, Bootstrap has evolved to include support for all major browsers (even IE7!) and, with Bootstrap 2, tablets and smartphones, too.

- +

12-column grid

Grid systems aren't everything, but having a durable and flexible one at the core of your work can make development much simpler. Use our built-in grid classes or roll your own.

- +

Responsive design

With Bootstrap 2, we've gone fully responsive. Our components are flexible enough to scale according to whatever resolution or device you're using to provide a consistent experience, no matter what.

- +

Styleguide docs

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only our features, but best practices and living, coded examples.

- +

Growing library

Despite being only 7kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components ready to be put to use.

- +

Custom jQuery plugins

What good is an awesome design component without easy-to-use, proper, and extensible interactions? With Bootstrap, you get custom-built jQuery plugins to bring your projects to life.

- +

Built on LESS

Where vanilla CSS falters, LESS excels. Variables, nesting, operations, and mixins in LESS makes coding CSS faster and more efficient with minimal overhead.

+

HTML5

Built to support new HTML5 elements and syntax.

+

CSS3

Progressively enhanced components for ultimate style.

+

Open-source

Built for and maintained by the community via GitHub.

+

Made at Twitter

Brought to you by experienced engineers and designers.

-- cgit v1.2.3 From 2764cfda6dbda56b4a50561fb8cd2a8be86dc096 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 28 Oct 2011 18:38:06 -0700 Subject: remove html from body background --- docs/scaffolding.html | 1 + 1 file changed, 1 insertion(+) (limited to 'docs') diff --git a/docs/scaffolding.html b/docs/scaffolding.html index 2a5ae8bc6..de612a074 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -53,6 +53,7 @@ +
-- cgit v1.2.3 From 0218d079ad83ce5f8fd08e9f68b6f661855a27a9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 29 Oct 2011 18:11:17 -0700 Subject: fix some of the docs styles at 480 to 768 --- docs/assets/css/docs.css | 24 ++++++++++++++++++------ 1 file changed, 18 insertions(+), 6 deletions(-) (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 79c904774..52738d808 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -348,11 +348,6 @@ h2 + table { font-size: 18px; line-height: 24px; } - .jumbotron .benefits { - position: relative; - width: auto; - margin: 36px 0; - } .jumbotron .btn { display: block; font-size: 18px; @@ -365,6 +360,23 @@ h2 + table { margin: 40px 0 0; } +} + + +@media (max-width: 768px) { + + /* Hide the nav for now */ + body > .navbar-fixed .nav { + display: none; + } + + /* Adjust the jumbotron */ + .jumbotron .benefits { + position: relative; + width: auto; + margin: 36px 0; + } + /* Popovers */ .large-bird { display: none; @@ -395,7 +407,7 @@ h2 + table { .jumbotron h1, .jumbotron p { - margin-right: 40%; + margin-right: 0; } } -- cgit v1.2.3 From 3f512adf953da3a3fbbfca18b138fb6659f2b77f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 30 Oct 2011 20:14:27 -0700 Subject: updated docs and type styles for blockquotes and a few fixes for type --- docs/assets/css/docs.css | 3 +-- docs/base-css.html | 68 +++++++++++++++++++++++++++++++++++++++------- docs/index.html | 70 +----------------------------------------------- docs/scaffolding.html | 2 +- 4 files changed, 61 insertions(+), 82 deletions(-) (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 52738d808..185f381e9 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -164,7 +164,6 @@ body > .navbar-fixed .brand:hover { .marketing h2, .marketing h3 { font-weight: 300; - color: #000; } .marketing h2 { margin-bottom: 9px; @@ -175,6 +174,7 @@ body > .navbar-fixed .brand:hover { .marketing .icon { float: left; margin: 7px 10px 0 0; + opacity: .8; } .marketing .small-icon { float: left; @@ -300,7 +300,6 @@ pre.prettyprint { margin-bottom: 0; } - .browser-support { max-width: 100%; } diff --git a/docs/base-css.html b/docs/base-css.html index 47dff40e7..750bbd2b3 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -92,8 +92,8 @@ Element - Description Usage + Optional @@ -175,24 +175,72 @@

Blockquotes

+ + + + + + + + + + + + + + + + + + + + +
ElementUsageOptional
+ <blockquote> + + Block-level element for quoting content from another source + +

Add cite attribute for source URL

+ Use .pull-left and .pull-right classes for floated options +
+ <small> + + Optional element for adding a user-facing citation, typically an author with title of work + + Place the <cite> around the title or name of source +
-
-

To include a blockquote, wrap <blockquote> around <p> and <small> tags. Use the <small> element to cite your source and you'll get an em dash &mdash; before it.

-
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

- Someone famous -
+
+

To include a blockquote, wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.

+

Include an optional <small> element to cite your source and you'll get an em dash &mdash; before it for styling purposes.

-
+ 
 <blockquote>
-  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
-  <small>Dr. Julius Hibbert</small>
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.</p>
+  <small>Someone famous</small>
 </blockquote>
+
+ +

Example blockquotes

+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.

+ Someone famous +
+
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.

+ Someone famous +
+
+

Lists

diff --git a/docs/index.html b/docs/index.html index e712f6ed0..7b9131502 100644 --- a/docs/index.html +++ b/docs/index.html @@ -38,41 +38,6 @@
  • Components
  • Javascript plugins
  • Using LESS
    • - -
    @@ -204,40 +169,7 @@
    - - +

    Emphasis, address, and abbreviation

    - +
    @@ -175,7 +175,7 @@

    Blockquotes

    -
    Element
    +
    @@ -321,7 +321,7 @@

    Code Inline and block

    -
    Element
    +
    @@ -363,7 +363,7 @@

    Inline labels for special attention

    -
    Element
    +
    @@ -428,7 +428,7 @@

    Table markup

    -
    Labels
    +
    @@ -517,7 +517,7 @@

    Table options

    -
    Tag
    +
    @@ -592,9 +592,9 @@ <table> ... </table> -

    2. Zebra-striped

    -

    Get a little fancy with your tables by adding zebra-striping—just add the .zebra-striped class.

    -
    Name
    +

    2. Striped table

    +

    Get a little fancy with your tables by adding zebra-striping—just add the .striped-table class.

    +
    @@ -626,12 +626,12 @@
    #

    Note: Zebra-striping is a progressive enhancement not available for older browsers like IE8 and below.

    -<table class="zebra-striped">
+<table class="striped-table">
 ...
 </table>
    -

    3. Zebra-striped w/ TableSorter.js

    +

    3. Striped table w/ TableSorter.js

    Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via jQuery and the Tablesorter plugin. Click any column’s header to change the sort.

    - +
    @@ -668,7 +668,7 @@ $("table#sortTableExample").tablesorter({ sortList: [[1,0]] }); }); </script> -<table class="zebra-striped"> +<table class="striped-table"> ... </table> @@ -682,19 +682,49 @@

    Forms

    + +

    Four types of forms

    +
    #
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NameClassDescription
    Vertical (default).vertical-form (not required)Stacked, left-aligned labels over controls
    Horiztonal.horizontal-formFloat left, right-aligned labels on same line as controls
    Inline.inline-formLeft-aligned label and inline-block controls for compact style
    Search.search-formExtra-rounded text input for a typical search aesthetic
    + +
    -

    Four types of forms

    -

    With 2.0, we now have four types of forms to choose from:

    -
      -
    • Search form for a super-rounded input and optional button
      • -
    • Inline form for a series of elements on one line
      • -
    • Horizontal form for left-aligned labels
      • -
    • Vertical form for stacked labels and inputs
      • -
    +

    Why four types

    +

    With Bootstrap 2, we completely recoded our forms to allow for simple base styles and improved namespacing on labels and controls. To address the many uses of forms, we've included some base styles to help get you started.

    -

    +

    Vertical or horizontal

    +

    Our default form styles are now vertical, not horizontal. This makes it easier to customize bare-bones forms, as well as forms in tricker situations like sign-up, modals, etc. They share the same exact markup; just swap the class.

    @@ -875,79 +905,123 @@
    + + +

    Buttons

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    NamePreviewClassDescription
    DefaultButton.btnStandard gray button with gradient
    PrimaryButton.primaryMakes button blue for more visual weight to indicate the primary action in a set of buttons
    InfoButton.infoUsed as an alternate to the default styles
    SuccessButton.successUsed to indicate a successful or positive action will be taken
    DangerButton.dangerUsed to indicate a dangerous or potentially negative action will be taken
    +
    -
    -

    Buttons

    -

    As a convention, buttons are used for actions while links are used for objects. For instance, "Download" could be a button and "recent activity" could be a link.

    -

    All buttons default to a light gray style, but a number of functional classes can be applied for different color styles. These classes include a blue .primary class, a light-blue .info class, a green .success class, and a red .danger class.

    +
    +

    Buttons for actions

    +

    As a convention, buttons should only be used for actions while hyperlinks are to be used for objects. For instance, "Download" should be a button while "recent activity" should be a link.

    -
    -

    Example buttons

    -

    Button styles can be applied to anything with the .btn applied. Typically you’ll want to apply these to only <a>, <button>, and select <input> elements. Here’s how it looks:

    -
    -      -
    -

    Alternate sizes

    +
    +

    For anchors and forms

    +

    Button styles can be applied to anything with the .btn applied. However, typically you’ll want to apply these to only <a> and <button> elements.

    +
    +
    +

    Note: All buttons must include the .btn class. Button styles should be applied to <button> and <a> elements for consistency.

    +
    +
    + +
    +
    +

    Multiple sizes

    Fancy larger or smaller buttons? Have at it!

    -
    +

    Primary action Action -

    -
    +

    +

    Primary action Action -

    +

    +
    +

    Disabled state

    For buttons that are not active or are disabled by the app for one reason or another, use the disabled state. That’s .disabled for links and :disabled for <button> elements.

    -

    Links

    -
    +

    Primary action Action -

    -

    Buttons

    -
    +

    +

      -

    +

    -
    +
    -
    -
    -

    Button groups

    +

    Button groups

    + +
    +
    + Left + Middle + Right
    -
    -

    Example

    -
    -
    - Left - Middle - Right -
    +
    +
    +
    +
    + 1 + 2 + 3 + 4 + 5
    -
    -
    -
    - 1 - 2 - 3 - 4 - 5 -
    -
    - 6 - 7 - 8 -
    -
    - 9 -
    -
    - 10 -
    -
    +
    + 6 + 7 + 8 +
    +
    + 9 +
    +
    + 10
    -
    +
    diff --git a/docs/javascript.html b/docs/javascript.html index c9ac7e21d..3175d261e 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -88,7 +88,7 @@

    What's included

    Bring some of Bootstrap's primary components to life with new custom plugins that work with jQuery and Ender. We encourage you to extend and modify them to fit your specific development needs.

    - +
    @@ -151,7 +151,7 @@

    Using bootstrap-modal

    $('#my-modal').modal(options)

    Options

    -
    File
    +
    @@ -209,7 +209,7 @@ $('#my-modal').modal({

    Notice Alternatively, this can be retrieved with $().data('modal').

    Events

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

    -
    Name
    +
    @@ -457,7 +457,7 @@ $('#my-modal').bind('hidden', function () {

    Using bootstrap-twipsy.js

    $('#example').twipsy(options)

    Options

    -
    Event
    +
    @@ -574,7 +574,7 @@ $('#my-modal').bind('hidden', function () {

    Using boostrap-popover.js

    $('#example').popover(options)

    Options

    -
    Name
    +
    diff --git a/docs/less.html b/docs/less.html index d5a467bfa..4fa0f0bdd 100644 --- a/docs/less.html +++ b/docs/less.html @@ -166,7 +166,7 @@

    Compiling Less

    After modifying the .less files in /lib/, you'll need to recompile them in order to regenerate the bootstrap-*.*.*.css and bootstrap-*.*.*.min.css files. If you're submitting a pull request to GitHub, you must always recompile.

    Ways to compile

    -
    Name
    +
    diff --git a/docs/scaffolding.html b/docs/scaffolding.html index 4a5aa9a0b..de50caf8d 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -161,7 +161,7 @@

    Grid customization

    -
    Method
    +
    @@ -273,7 +273,7 @@

    Supported devices

    Bootstrap supports a handful of media queries to help make your projects more appropriate on different devices and screen resolutions. Here's what's included:

    -
    Variable
    +
    -- cgit v1.2.3 From 27b8e5e4fce71ccc5ebd56230dedd9c2403239eb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 31 Oct 2011 21:24:57 -0700 Subject: small docs tweak --- docs/base-css.html | 1 - 1 file changed, 1 deletion(-) (limited to 'docs') diff --git a/docs/base-css.html b/docs/base-css.html index 6d3d92a17..f6030ace1 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -992,7 +992,6 @@

    Button groups

    -
    Left -- cgit v1.2.3 From 31ea00304626ea68b758def41769606d4c049671 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 31 Oct 2011 21:45:46 -0700 Subject: remove alt tab styles for now, too complicated to accomplish both static and tabble; fix up CSS a bit --- docs/components.html | 47 +++++++---------------------------------------- 1 file changed, 7 insertions(+), 40 deletions(-) (limited to 'docs') diff --git a/docs/components.html b/docs/components.html index c18d8c113..73a049298 100644 --- a/docs/components.html +++ b/docs/components.html @@ -245,39 +245,6 @@ <li><a href="#">Contact</a></li> </ul> -

    Alternate tabs

    -

    You can also use tabs that are stacked on either side of an element, or on the bottom.

    -
    -
    -
    - -
    -
    -
    -
    - -
    -
    -
    -
    - -
    -
    -

    Tabbable tabs

    As mentioned above, you can bring your tabs to life with a simple plugin. Here we have integrated all four variations of the tabs—default (top), right, bottom, left—with example tab areas.

    @@ -315,20 +282,20 @@

    Section 1

    -

    Oh hai!

    +

    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

    Section 2

    -

    Oh hai!

    +

    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

    Section 3

    -

    Oh hai!

    +

    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

    -
    +
    • Section 1
      • @@ -338,15 +305,15 @@

      Section 1

      -

      Oh hai!

      +

      Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

      Section 2

      -

      Oh hai!

      +

      Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

      Section 3

      -

      Oh hai!

      +

      Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

    -- cgit v1.2.3 From 2534fee7538526e2b4e263258fe62953cf08f159 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 1 Nov 2011 13:56:00 -0700 Subject: adding unofficial github buttons --- docs/assets/css/docs.css | 41 ++++++++++++++++++++++++++++++++++- docs/assets/img/github-16px.png | Bin 0 -> 398 bytes docs/index.html | 46 +++++++++++++++++++++++++++++++++++++++- 3 files changed, 85 insertions(+), 2 deletions(-) create mode 100644 docs/assets/img/github-16px.png (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 185f381e9..2dde6a452 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -39,6 +39,44 @@ body > .navbar-fixed .brand:hover { } +/* Github buttons +-------------------------------------------------- */ +.github-btn + .github-btn { + margin-left: 10px; +} +.github-btn { + display: inline-block; + height: 20px; + overflow: hidden; +} +.github-btn .btn, +.github-btn .count { + float: left; + padding: 1px 5px 1px 4px; + font-size: 11px; + font-weight: normal; + line-height: 16px; + color: #555; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.github-btn .btn { + box-shadow: none; +} +.github-btn .github-ico { + float: left; + margin-right: 4px; + opacity: .75; +} +.github-btn .count { + display: inline-block; + margin-left: 2px; + background-color: #fff; + border: 1px solid #ddd; +} + + /* Jumbotrons -------------------------------------------------- */ .jumbotron { @@ -59,7 +97,7 @@ body > .navbar-fixed .brand:hover { font-weight: 300; line-height: 36px; } -.jumbotron .btn { +.jumbotron .btn-large { font-size: 20px; padding: 14px 24px; margin-right: 5px; @@ -146,6 +184,7 @@ body > .navbar-fixed .brand:hover { font-weight: normal; color: #999; } +.quick-links .github-btn, .quick-links .tweet-btn, .quick-links .follow-btn { position: relative; diff --git a/docs/assets/img/github-16px.png b/docs/assets/img/github-16px.png new file mode 100644 index 000000000..c99ab237a Binary files /dev/null and b/docs/assets/img/github-16px.png differ diff --git a/docs/index.html b/docs/index.html index 7b9131502..ffc81596e 100644 --- a/docs/index.html +++ b/docs/index.html @@ -57,6 +57,7 @@ Download on GitHub Currently v2.0.0

    +

    Feature highlights

      @@ -79,9 +80,29 @@
    • Roadmap
    • Changelog
    • ·
      • +
    • + + + + Watch + + + + + + + Fork + + + +
      • + + +
    • ·
    - -
    @@ -105,7 +119,7 @@
    - + @@ -164,35 +178,35 @@ - + - + - +
    LabelThe alert plugin is a super tiny class for adding close functionality to alerts.
    bootstrap-dropdown.jsbootstrap-dropdown.js This plugin is for adding dropdown interaction to the bootstrap navbar or tabbed navigations.
    backdrop booleanfalsetrue Includes a modal-backdrop element
    keyboard booleanfalsetrue Closes the modal when escape key is pressed
    show booleanfalsetrue Opens modal on class initialization

    Markup

    -

    You can activate modals on your page easily without having to write a single line of javascript. Just give an element a data-controls-modal attribute which corresponds to a modal element id, and when clicked, it will launch your modal. To add modal options, just include them as data attributes as well.

    +

    You can activate modals on your page easily without having to write a single line of javascript. Just give an element a data-controls-modal attribute which corresponds to a modal element id, and when clicked, it will launch your modal. To add modal options, just include them as data attributes.

     <a class="btn" data-controls-modal="my-modal" data-backdrop="true" >Launch Modal</a>
    -

    Notice If you want your modal to animate in and out, just add a .fade class to your .modal element (refer to the demo to see this in action).

    +

    Notice If you want your modal to animate in and out, just add a .fade class to the .modal element (refer to the demo to see this in action).

    Methods

    .modal(options)

    Activates your content as a modal. Accepts an optional options object. 

     $('#my-modal').modal({
-  closeOnEscape: true
+  keyboard: false
 })

    .modal('toggle')

    Manually toggles a modal.

    @@ -203,10 +217,6 @@ $('#my-modal').modal({

    .modal('hide')

    Manually hides a modal.

    $('#my-modal').modal('hide')
    -

    .modal(true)

    -

    Returns an elements modal class instance.

    - 
    $('#my-modal').modal(true)
    -

    Notice Alternatively, this can be retrieved with $().data('modal').

    Events

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

    @@ -255,7 +265,7 @@ $('#my-modal').bind('hidden', function () { Close - + @@ -275,14 +285,14 @@ $('#my-modal').bind('hidden', function () {

    Using boostrap-dropdown.js

    - 
    $('#navbar').dropdown()
    + 
    $('.dropdown-toggle').dropdown()

    Markup

    -

    To quickly add dropdown functionality to any nav element, use the data-dropdown attribute. Any valid bootstrap dropdown will automatically be activated.

    +

    To quickly add dropdown functionality to any element just add data-toggle="dropdown". Any valid bootstrap dropdown will automatically be activated.

     <ul class="tabs">
   <li class="active"><a href="#">Home</a></li>
-  <li class="dropdown" data-dropdown="true" >
-    <a href="#" class="dropdown-toggle">Dropdown</a>
+  <li class="dropdown">
+    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>
     <ul class="dropdown-menu">
       <li><a href="#">Secondary link</a></li>
       <li><a href="#">Something else here</a></li>
@@ -310,7 +320,7 @@ $('#my-modal').bind('hidden', function () {
                 
                 
      
                   
    • 
-                    Dropdown 1
+                    Dropdown 1
                     
                   
      • 
                   
    • 
-                    Dropdown 2
+                    Dropdown 2
                     
        
                       
      • Secondary link
        • 
                       
      • Something else here
        • 
@@ -351,21 +361,60 @@ $('#my-modal').bind('hidden', function () {
           
        Using boostrap-scrollspy.js
        
           
        $('#navbar').dropdown()
        
           
        Markup
        
-          
        To easily add scrollspy behavior to your nav, just add the data-scrollspy attribute to the .navbar.
-          
        <div class="navbar" data-scrollspy="scrollspy" >...</div>
        
-          
        Methods
        
-          
        $().scrollspy()
        
-          
        
-          Auto activates navigation buttons by users scroll position.
-          
        
-          
        $('body > .navbar').scrollSpy()
        
+          
        To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body).
+          
        <body data-spy="scroll" >...</body>
        
            
        Notice Navbar anchor tags must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.
-          
        
-          
        .scrollspy('refresh')
        
-          
        The scrollspy caches nav buttons and section coordinates for performance. If you need to update this cache (likely if you have dynamic content) just call this refresh method. If you used the data attribute to define your scrollspy, just call refresh on the body.
        
-          
        $('body').scrollspy('refresh')
        
           
        Demo
        
-          
        Checkout the the navbar navigation on this page.
        
+          
        
+            Scroll the area below and watch the navigation update. The dropdown sub items will be highlighted as well. Try it!
        
+          
        
+
+          
        
+
+          
        
+            
        @fat
        
+            
        
+            Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
+            
        
+            
        @mdo
        
+            
        
+            Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.
+            
        
+            
        one
        
+            
        
+            Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.
+            
        
+            
        two
        
+            
        
+            In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.
+            
        
+            
        three
        
+            
        
+            Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
+            
        
+            
        Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats.
+            
        
+          
        
+
    @@ -414,27 +463,59 @@ $('#my-modal').bind('hidden', function () { }) </script>

    +

    Events

    +
    + + + + + + + + + + + + +
    EventDescription
    changeThis event fires on tab change. Use event.target and event.relatedTarget to target the active tab and the previous active tab respectively.
    + + 
    +$('.tabs a').bind('change', function (e) {
+  e.target // activated tab
+  e.relatedTarget // previous tab
+})

    Demo

    -
    - -
    -
    -

    Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

    -
    -
    -

    Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

    -
    -
    -

    Banksy do proident, brooklyn photo booth delectus sunt artisan sed organic exercitation eiusmod four loko. Quis tattooed iphone esse aliqua. Master cleanse vero fixie mcsweeney's. Ethical portland aute, irony food truck pitchfork lomo eu anim. Aesthetic blog DIY, ethical beard leggings tofu consequat whatever cardigan nostrud. Helvetica you probably haven't heard of them carles, marfa veniam occaecat lomo before they sold out in shoreditch scenester sustainable thundercats. Consectetur tofu craft beer, mollit brunch fap echo park pitchfork mustache dolor.

    -
    -
    -

    Sunt qui biodiesel mollit officia, fanny pack put a bird on it thundercats seitan squid ad wolf bicycle rights blog. Et aute readymade farm-to-table carles 8-bit, nesciunt nulla etsy adipisicing organic ea. Master cleanse mollit high life, next level Austin nesciunt american apparel twee mustache adipisicing reprehenderit hoodie portland irony. Aliqua tofu quinoa +1 commodo eiusmod. High life williamsburg cupidatat twee homo leggings. Four loko vinyl DIY consectetur nisi, marfa retro keffiyeh vegan. Fanny pack viral retro consectetur gentrify fap.

    -
    + +
    +
    +

    Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

    +
    +
    +

    Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

    +
    +
    +

    Banksy do proident, brooklyn photo booth delectus sunt artisan sed organic exercitation eiusmod four loko. Quis tattooed iphone esse aliqua. Master cleanse vero fixie mcsweeney's. Ethical portland aute, irony food truck pitchfork lomo eu anim. Aesthetic blog DIY, ethical beard leggings tofu consequat whatever cardigan nostrud. Helvetica you probably haven't heard of them carles, marfa veniam occaecat lomo before they sold out in shoreditch scenester sustainable thundercats. Consectetur tofu craft beer, mollit brunch fap echo park pitchfork mustache dolor.

    +
    +
    +

    Sunt qui biodiesel mollit officia, fanny pack put a bird on it thundercats seitan squid ad wolf bicycle rights blog. Et aute readymade farm-to-table carles 8-bit, nesciunt nulla etsy adipisicing organic ea. Master cleanse mollit high life, next level Austin nesciunt american apparel twee mustache adipisicing reprehenderit hoodie portland irony. Aliqua tofu quinoa +1 commodo eiusmod. High life williamsburg cupidatat twee homo leggings. Four loko vinyl DIY consectetur nisi, marfa retro keffiyeh vegan. Fanny pack viral retro consectetur gentrify fap.

    +
    + +
    @@ -473,36 +554,12 @@ $('#my-modal').bind('hidden', function () { true apply a css fade transition to the tooltip - - delayIn - number - 0 - delay before showing tooltip (ms) - - - delayOut - number - 0 - delay before hiding tooltip (ms) - - - fallback - string - '' - text to use when no tooltip title is present - placement string 'above' how to position the tooltip - above | below | left | right - - html - boolean - false - allows html content within tooltip - live boolean @@ -515,20 +572,28 @@ $('#my-modal').bind('hidden', function () { 0 pixel offset of tooltip from target element - - title - string | function - 'title' - attribute or method for retrieving title text - trigger string 'hover' how tooltip is triggered - hover | focus | manual + + delay + number | object + 0 + +

    delay showing/hiding the tooltip (ms)

    +

    If a number is supplied, delay is applied to both hide/show

    +

    Object structure is: delay: { show: 500, hide: 100 }

    + + +

    Notice Individual twipsy instance options can alternatively be specified through the use of data attributes.

    +

    Markup

    +

    Twipsy's should contain a title tag which will be use to fill the tip content.

    + 

    <a href="#" rel='twipsy' title='twipsy text'>@fat</a>

    Methods

    $().twipsy(options)

    Attaches a twipsy handler to an element collection.

    @@ -538,22 +603,11 @@ $('#my-modal').bind('hidden', function () {

    .twipsy('hide')

    Hides an elements twipsy.

    $('#element').twipsy('hide')
    -

    .twipsy(true)

    -

    Returns an elements twipsy class instance.

    - 
    $('#element').twipsy(true)
    -

    Notice Alternatively, this can be retrieved with $().data('twipsy').

    Demo

    Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.

    -
    @@ -591,34 +645,16 @@ $('#my-modal').bind('hidden', function () { apply a css fade transition to the tooltip - delayIn - number - 0 - delay before showing tooltip (ms) - - - delayOut - number + delay + number | object 0 - delay before hiding tooltip (ms) - - - fallback - string - '' - text to use when no tooltip title is present + delay before showing/hiding the tooltip (ms) placement string 'right' - how to position the tooltip - above | below | left | right - - - html - boolean - false - allows html content within tooltip + how to position the popover - above | below | left | right live @@ -632,18 +668,6 @@ $('#my-modal').bind('hidden', function () { 0 pixel offset of tooltip from target element - - title - string | function - 'title' - attribute or method for retrieving title text - - - content - string | function - 'data-content' - attribute or method for retrieving content text - trigger string @@ -652,6 +676,12 @@ $('#my-modal').bind('hidden', function () { +

    Notice Individual popover instance options can alternatively be specified through the use of data attributes.

    +

    Markup

    +

    Popover's should contain a title tag and a data-content attribute.

    +

    <a href="#" class="btn" rel="popover" title="A Title" data-content="Some content">
+  hover for popover
+</a>

    Methods

    $().popover(options)

    Initializes popovers for an element collection.

    @@ -663,17 +693,6 @@ $('#my-modal').bind('hidden', function () { 
    $('#element').popover('hide')

    Demo

    hover for popover -
    @@ -695,7 +714,8 @@ $('#my-modal').bind('hidden', function () {

    Using bootstrap-alerts.js

    $(".alert-message").alert()

    Markup

    -

    Just add a data-alert attribute to your alert messages to automatically give them close functionality.

    +

    Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.

    + 
    <a class="close" data-dismiss="alert" href="#">&times;</a>

    Methods

    $().alert()

    Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.

    @@ -703,12 +723,12 @@ $('#my-modal').bind('hidden', function () {

    Closes an alert.

    $(".alert-message").alert('close')

    Demo

    -
    - × +
    + ×

    Holy guacamole! Best check yo self, you’re not looking too good.

    -
    - × +
    + ×

    Oh snap! You got an error! Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

    Take this action Or do this @@ -729,17 +749,5 @@ $('#my-modal').bind('hidden', function () {

    - - - - - - - - - - - - -- cgit v1.2.3 From b2650859d6c6dcb0665311b6e983d230fee1111f Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Thu, 24 Nov 2011 14:43:26 -0800 Subject: update buttons js for button groups --- docs/javascript.html | 112 ++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 111 insertions(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/javascript.html b/docs/javascript.html index c9709d35f..28f5e3035 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -26,7 +26,6 @@ - @@ -37,6 +36,7 @@ + + + + + Single Toggle + + + + + + Checkbox + +
    + + + +
    + + + + Radio + +
    + + + +
    + + + + +
    +
    + + +
    -- cgit v1.2.3 From 71654cbf69333c3cf6f0bb373121640c6f061d68 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Thu, 24 Nov 2011 18:55:44 -0800 Subject: refactor alerts + add new readme which idefientifies goals for 2.0 js --- docs/javascript.html | 42 ++++++++++++++++++++++++++++++++++++++---- 1 file changed, 38 insertions(+), 4 deletions(-) (limited to 'docs') diff --git a/docs/javascript.html b/docs/javascript.html index 28f5e3035..f5f0520c3 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -39,7 +39,6 @@ + - - - -- cgit v1.2.3 From 46fe38386afce7149810b1feb534726735ce28b2 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 27 Nov 2011 17:04:55 -0800 Subject: rename tabs to tab - clean up lots of api stuff make href acceptable target val --- docs/javascript.html | 89 ++++++++++++++++++++++++++++++---------------------- 1 file changed, 51 insertions(+), 38 deletions(-) (limited to 'docs') diff --git a/docs/javascript.html b/docs/javascript.html index e57e45223..833e6ec02 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -28,12 +28,12 @@ - + - + @@ -127,7 +127,7 @@ The ScrollSpy plugin is for adding an auto updating nav based on scroll position to the bootstrap navbar. - bootstrap-tabs.js + bootstrap-tab.js This plugin adds quick, dynamic tab and pill functionality for cycling through local content. @@ -204,9 +204,9 @@

    Markup

    -

    You can activate modals on your page easily without having to write a single line of javascript. Just set data-toggle="modal" on a controller element with a data-target="#foo" which corresponds to a modal element id, and when clicked, it will launch your modal. To add modal options, just include them as additoinal data attributes.

    +

    You can activate modals on your page easily without having to write a single line of javascript. Just set data-toggle="modal" on a controller element with a data-target="#foo" or href="#foo" which corresponds to a modal element id, and when clicked, it will launch your modal. To add modal options, just include them as additoinal data attributes.

    -<a class="btn" data-toggle="modal" data-target="#myModal" >Launch Modal</a>
+<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>

    Notice If you want your modal to animate in and out, just add a .fade class to the .modal element (refer to the demo to see this in action).

    Methods

    @@ -274,9 +274,9 @@ $('#myModal').bind('hidden', function () {
    - +
    @@ -435,23 +435,28 @@ $('#myModal').bind('hidden', function () {
    -

    Tabs bootstrap-tabs.js

    +

    Tabs bootstrap-tab.js

    This plugin adds quick, dynamic tab and pill functionality.

    - Download + Download
    -

    Using boostrap-tabs.js

    - 
    $('.tabs').tabs()
    +

    Using boostrap-tab.js

    + 
    $('#myTab').tab('show')

    Markup

    -

    You can activate a tab or pill navigation without writing any javascript by simply giving them a data-tabs or data-pills attribute.

    - 
     <ul class="tabs" data-tabs="tabs" >...</ul>
    +

    You can activate a tab or pill navigation without writing any javascript by simply specifying data-toggle="tab" or data-toggle="pill" on an element.

    +
    +<ul class="tabs">
+  <li><a href="#home" data-toggle="tab">Home</a></li>
+  <li><a href="#profile" data-toggle="tab">Profile</a></li>
+  <li><a href="http://twitter.com/fat">twitter</a></li>
+</ul>

    Methods

    -

    $().tabs or $().pills

    +

    $().tab

    - Activates tab and pill functionality for a given container. Tab links should reference id's in the document. + Activates tab functionality for a given element controller. Tab should have either a `data-target` or an `href` referencing a node in the dom. 

     <ul class="tabs">
@@ -470,7 +475,7 @@ $('#myModal').bind('hidden', function () {
 
 <script>
   $(function () {
-    $('.tabs').tabs()
+    $('.tabs a:last').tab('show')
   })
 </script>

    @@ -484,28 +489,32 @@ $('#myModal').bind('hidden', function () { - change - This event fires on tab change. Use event.target and event.relatedTarget to target the active tab and the previous active tab respectively. + show + This event fires on tab show, but before the new tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively. + + + show + This event fires on tab show after a tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively. 
    -$('.tabs a').bind('change', function (e) {
+$('a[data-toggle="tab"]').bind('shown', function (e) {
   e.target // activated tab
   e.relatedTarget // previous tab
 })

    Demo

    -
      -
    • Home
      • -
    • Profile
      • -
    • Messages
      • -
    • Settings
      • + @@ -603,8 +612,7 @@ $('.tabs a').bind('change', function (e) {

      Notice Individual twipsy instance options can alternatively be specified through the use of data attributes.

      Markup

      -

      Twipsy's should contain a title tag which will be use to fill the tip content.

      - 

      <a href="#" rel='twipsy' title='twipsy text'>@fat</a>
      + For performance reasons, the Twipsy and Popover data-apis are opt in. If you would like to use them just set the live flag to true, however we recommend you know what you are doing if you do that. :)

      Methods

      $().twipsy(options)

      Attaches a twipsy handler to an element collection.

      @@ -689,10 +697,9 @@ $('.tabs a').bind('change', function (e) {

      Notice Individual popover instance options can alternatively be specified through the use of data attributes.

      Markup

      -

      Popover's should contain a title tag and a data-content attribute.

      -

      <a href="#" class="btn" rel="popover" title="A Title" data-content="Some content">
-  hover for popover
-</a>
      +

      + For performance reasons, the Twipsy and Popover data-apis are opt in. If you would like to use them just set the live flag to true, however we recommend you know what you are doing if you do that. :) +

      Methods

      $().popover(options)

      Initializes popovers for an element collection.

      @@ -967,24 +974,30 @@ $('#myCollapsible').bind('hidden', function () {
      -
      - Collapsible Group Item #1 +
      + + Collapsible Group Item #1 +

      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

      -
      - Collapsible Group Item #2 +
      + + Collapsible Group Item #2 +

      Blog +1 eiusmod, williamsburg chambray craft beer brooklyn. Trust fund squid whatever, sunt hoodie skateboard mustache 3 wolf moon art party wes anderson ad leggings officia. Skateboard keytar incididunt gluten-free retro sartorial, single-origin coffee et viral. Art party blog sunt, readymade fugiat 8-bit aesthetic ex echo park fanny pack keytar. Thundercats sustainable labore, mustache adipisicing tattooed dolore aute occaecat velit 8-bit raw denim letterpress. In occaecat freegan, next level single-origin coffee chambray excepteur nihil duis exercitation adipisicing ex sartorial twee squid. You probably haven't heard of them fugiat ea retro eiusmod quis cosby sweater, +1 fap sapiente biodiesel banksy.

      -
      - Collapsible Group Item #3 +
      + + Collapsible Group Item #3 +

      -- cgit v1.2.3 From 7eb340ec589acd56ad960a020969822636c2bc54 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 27 Nov 2011 17:31:12 -0800 Subject: add code to reset data for collapsed element so that item can be intitialized with correct options --- docs/javascript.html | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) (limited to 'docs') diff --git a/docs/javascript.html b/docs/javascript.html index 833e6ec02..2db37a9fe 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -29,14 +29,14 @@ - + - + + + + diff --git a/docs/less.html b/docs/less.html index 97d95a3ab..e9334a552 100644 --- a/docs/less.html +++ b/docs/less.html @@ -63,7 +63,7 @@

      Why LESS?

      -

      Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.

      +

      Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.

      What's included?

      @@ -72,7 +72,7 @@

      Learn more

      LESS CSS -

      Visit the official website at http://lesscss.org to learn more.

      +

      Visit the official website at http://lesscss.org to learn more.

      @@ -98,11 +98,7 @@

      Variables from variables.less

      -
      -

      Hyperlinks

      -
      -
      @@ -124,92 +120,70 @@
      -
      -
      -
      +

      Grayscale colors

      -
      -
      - - - - - -
      @black #000Black
      @grayDark lighten(@black, 25%)Dark gray
      @gray lighten(@black, 50%)Medium gray
      @grayLight lighten(@black, 75%)Light gray
      @grayLighter lighten(@black, 90%)Lighter gray
      @white #fffWhite
      -
      - -
      -
      +

      Accent colors

      -
      -
      - - - - - - -
      @blue #049CDB
      @green #46a546
      @red #9d261d
      @yellow #ffc40d
      @orange #f89406
      @pink #c3325f
      @purple #7a43b6
      @@ -217,48 +191,36 @@
      -
      +

      Grid system

      -
      -
      - - - -
      @gridColumns 12
      @gridColumnWidth 60px
      @gridGutterWidth 20px
      @siteWidth (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))
      -
      - -
      -
      +

      Typography

      -
      -
      - @@ -268,7 +230,6 @@ -
      @baseFontSize 13px
      @baseFontFamily
      @baseLineHeight 18px
      diff --git a/docs/scaffolding.html b/docs/scaffolding.html index dd7f05bc6..d4d1c6526 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -53,15 +53,6 @@

      Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.

      - -
      - -
      - + + + diff --git a/docs/components.html b/docs/components.html index 833f532d9..049908c20 100644 --- a/docs/components.html +++ b/docs/components.html @@ -683,6 +683,17 @@ Lorem ipsum dolar sit amet illo error ipsum verita + + + diff --git a/docs/index.html b/docs/index.html index 16eed36c8..daf7eb308 100644 --- a/docs/index.html +++ b/docs/index.html @@ -198,6 +198,7 @@ + + + + diff --git a/docs/less.html b/docs/less.html index e9334a552..cbc410302 100644 --- a/docs/less.html +++ b/docs/less.html @@ -456,6 +456,17 @@ + + + diff --git a/docs/scaffolding.html b/docs/scaffolding.html index d4d1c6526..625c4bdb7 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -373,6 +373,17 @@ + + + -- cgit v1.2.3 From 7b810bf9a617e1f02e073aafcc70857dc915ee59 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 9 Dec 2011 12:10:01 -0800 Subject: update js in footer, add max-width to img --- docs/base-css.html | 4 ++-- docs/components.html | 4 ++-- docs/index.html | 5 +++-- docs/javascript.html | 4 ++-- docs/less.html | 4 ++-- docs/scaffolding.html | 4 ++-- 6 files changed, 13 insertions(+), 12 deletions(-) (limited to 'docs') diff --git a/docs/base-css.html b/docs/base-css.html index e087432fe..efdc1e271 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1122,9 +1122,9 @@ diff --git a/docs/components.html b/docs/components.html index 049908c20..d0456cc74 100644 --- a/docs/components.html +++ b/docs/components.html @@ -687,9 +687,9 @@ Lorem ipsum dolar sit amet illo error ipsum verita diff --git a/docs/index.html b/docs/index.html index daf7eb308..0598fc449 100644 --- a/docs/index.html +++ b/docs/index.html @@ -4,6 +4,7 @@ Bootstrap, from Twitter + @@ -200,9 +201,9 @@ diff --git a/docs/javascript.html b/docs/javascript.html index 4e405521d..d71de6924 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -30,9 +30,9 @@ diff --git a/docs/less.html b/docs/less.html index cbc410302..cd2c992df 100644 --- a/docs/less.html +++ b/docs/less.html @@ -460,9 +460,9 @@ diff --git a/docs/scaffolding.html b/docs/scaffolding.html index 625c4bdb7..f597e7e88 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -377,9 +377,9 @@ -- cgit v1.2.3 From 97b285896f50bed4a66b00a70ed67eb3224bc7f3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 9 Dec 2011 12:51:54 -0800 Subject: help tables not look like shit on mobile maybe? also fix bordered table example --- docs/base-css.html | 1 + 1 file changed, 1 insertion(+) (limited to 'docs') diff --git a/docs/base-css.html b/docs/base-css.html index efdc1e271..cb6c699f9 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -655,6 +655,7 @@ English + 3 Joe Sixpack English -- cgit v1.2.3 From 5c8df1d2858c3d5f2cc65a80acaef5312b1ae87f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 9 Dec 2011 14:34:38 -0800 Subject: updated index page to add featured sites, more docs tweaks --- docs/assets/css/docs.css | 10 +++++- docs/assets/img/example-sites/bartop.png | Bin 0 -> 86214 bytes docs/assets/img/example-sites/fleetio.png | Bin 0 -> 47275 bytes docs/assets/img/example-sites/jshint.png | Bin 0 -> 8886 bytes docs/assets/img/example-sites/kippt.png | Bin 0 -> 57064 bytes docs/assets/img/example-sites/railwayjs.png | Bin 0 -> 34839 bytes docs/assets/img/example-sites/totalwireframe.png | Bin 0 -> 47095 bytes docs/index.html | 37 +++++++++++++++++++++++ 8 files changed, 46 insertions(+), 1 deletion(-) create mode 100644 docs/assets/img/example-sites/bartop.png create mode 100644 docs/assets/img/example-sites/fleetio.png create mode 100644 docs/assets/img/example-sites/jshint.png create mode 100644 docs/assets/img/example-sites/kippt.png create mode 100644 docs/assets/img/example-sites/railwayjs.png create mode 100644 docs/assets/img/example-sites/totalwireframe.png (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 281b224e3..73e619d29 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -160,7 +160,10 @@ body > .navbar-fixed .brand:hover { margin-bottom: 18px; } .marketing h1 { - margin-bottom: 18px; + margin: 36px 0 27px; + font-size: 36px; + font-weight: 300; + text-align: center; } .marketing h2, .marketing h3 { @@ -310,6 +313,11 @@ h2 + table { margin-top: 5px; } +/* Example sites showcase */ +.example-sites img { + width: 290px; +} + /* Responsive Docs -------------------------------------------------- */ diff --git a/docs/assets/img/example-sites/bartop.png b/docs/assets/img/example-sites/bartop.png new file mode 100644 index 000000000..962851636 Binary files /dev/null and b/docs/assets/img/example-sites/bartop.png differ diff --git a/docs/assets/img/example-sites/fleetio.png b/docs/assets/img/example-sites/fleetio.png new file mode 100644 index 000000000..b48d6f010 Binary files /dev/null and b/docs/assets/img/example-sites/fleetio.png differ diff --git a/docs/assets/img/example-sites/jshint.png b/docs/assets/img/example-sites/jshint.png new file mode 100644 index 000000000..e532320a3 Binary files /dev/null and b/docs/assets/img/example-sites/jshint.png differ diff --git a/docs/assets/img/example-sites/kippt.png b/docs/assets/img/example-sites/kippt.png new file mode 100644 index 000000000..af15baa11 Binary files /dev/null and b/docs/assets/img/example-sites/kippt.png differ diff --git a/docs/assets/img/example-sites/railwayjs.png b/docs/assets/img/example-sites/railwayjs.png new file mode 100644 index 000000000..2480dd68e Binary files /dev/null and b/docs/assets/img/example-sites/railwayjs.png differ diff --git a/docs/assets/img/example-sites/totalwireframe.png b/docs/assets/img/example-sites/totalwireframe.png new file mode 100644 index 000000000..b6256138e Binary files /dev/null and b/docs/assets/img/example-sites/totalwireframe.png differ diff --git a/docs/index.html b/docs/index.html index 0598fc449..c2b9d12d7 100644 --- a/docs/index.html +++ b/docs/index.html @@ -106,6 +106,43 @@
      +

      Built with Bootstrap

      + + +

      Designed for everyone, everywhere

      -- cgit v1.2.3 From d587845149471ad9ed07bc57c1a8652c54d17c55 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 10 Dec 2011 22:21:08 -0800 Subject: tweaks and increase specificity of pills and active classes --- docs/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index c2b9d12d7..0a63c1910 100644 --- a/docs/index.html +++ b/docs/index.html @@ -57,7 +57,7 @@

      Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, complete with core HTML, CSS, and JS for grids, type, forms, navigation, and many more components.

      Download on GitHub - Get started + Get started → Currently v2.0.0

      -- cgit v1.2.3 From 401f84a7ec65996a8573671b2c17077f85e63e6f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 11 Dec 2011 01:58:06 -0800 Subject: center example sites in docs on mobile --- docs/assets/css/docs.css | 20 ++++++++++++++++++++ docs/index.html | 11 ++++++++++- 2 files changed, 30 insertions(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 73e619d29..9324f9990 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -323,6 +323,11 @@ h2 + table { -------------------------------------------------- */ @media (max-width: 480px) { + /* Reduce padding above jumbotron */ + body { + padding-top: 70px; + } + /* Change up some type stuff */ h1 small { display: block; @@ -362,6 +367,21 @@ h2 + table { .quick-links { margin: 40px 0 0; } + /* hide the bullets on mobile since our horizontal space is limited */ + .quick-links .divider { + display: none; + } + + /* center example sites */ + .example-sites { + margin-left: 0; + } + .example-sites a { + float: none; + display: block; + max-width: 300px; + margin: 0 auto 18px; + } } diff --git a/docs/index.html b/docs/index.html index 0a63c1910..55a75b1bf 100644 --- a/docs/index.html +++ b/docs/index.html @@ -54,7 +54,7 @@

      Bootstrap,
      from Twitter

      -

      Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, complete with core HTML, CSS, and JS for grids, type, forms, navigation, and many more components.

      +

      Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, featuring HTML, CSS, and JS for dozens of base elements and common design components.

      Download on GitHub Get started → @@ -236,6 +236,15 @@ - + -- cgit v1.2.3 From 7df0d1c7d18a72f401094d08afa4eaa9142fe511 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Wed, 14 Dec 2011 18:45:33 -0800 Subject: rename transitions to transition and fix scrollspy example --- docs/assets/css/docs.css | 6 ++++++ docs/javascript.html | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 586b5334b..fa8c92e50 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -318,6 +318,12 @@ h2 + table { width: 290px; } +.scrollspy-example { + height: 200px; + overflow: auto; + position: relative; +} + /* Responsive Docs -------------------------------------------------- */ diff --git a/docs/javascript.html b/docs/javascript.html index 6c0e12c19..4e4004132 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -39,7 +39,7 @@ - + -- cgit v1.2.3 From 72a536393c2f2aba4f855384e94c4ce09bc2e39c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 19 Dec 2011 22:58:56 -0800 Subject: mostly docs updates, but also some bug fixes per github issues --- docs/assets/css/docs.css | 4 +- docs/components.html | 179 ++++++++++++++++++++++++++++++----------------- docs/javascript.html | 2 +- docs/scaffolding.html | 51 ++++++++------ docs/upgrading.html | 152 ++++++++++++++++++++++++++++++++++++++++ 5 files changed, 301 insertions(+), 87 deletions(-) create mode 100644 docs/upgrading.html (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 586b5334b..3cf2208e9 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -25,7 +25,7 @@ body > .navbar-fixed .brand { float: right; font-weight: bold; color: #000; - text-shadow: 0 1px 0 rgba(255,255,255,.1); + text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125); } body > .navbar-fixed .brand:hover { text-decoration: none; @@ -449,7 +449,7 @@ h2 + table { /* Provide enough space on right-hand side for benefits list */ .jumbotron h1, .jumbotron p { - margin-right: 20%; + margin-right: 40%; } } diff --git a/docs/components.html b/docs/components.html index b4a88dd07..56e71b0f7 100644 --- a/docs/components.html +++ b/docs/components.html @@ -58,94 +58,145 @@ ================================================== -->

      -

      Media Displaying images and videos

      +

      Thumbnails Grids of images, videos, text, and more

      - +
      -
      -

      Media grid

      -

      Display thumbnails of varying sizes on pages with a low HTML footprint and minimal styles.

      -
      -
      -

      Example thumbnails

      -

      Thumbnails in the .media-grid can be any size, but they work best when mapped directly to the built-in Bootstrap grid system. Image widths like 90, 210, and 330 combine with a few pixels of padding to equal the .span2, .span4, and .span6 column sizes.

      -

      Large

      -
      + +
      +
      +

      Why use thumbnails

      +

      Thumbnails (previously .media-grid up until v1.4) are great for grids of photos or videos, image search results, retail products, portfolios, and much more. They can be links or static content.

      +
      +
      +

      Simple, flexible markup

      +

      Thumbnail markup is simple—a ul with any number of li elements is all that is required. It's also super flexible, allowing for any type of content with just a bit more markup to wrap your contents.

      +
      +
      +

      Uses grid column sizes

      +

      Lastly, the thumbnails component uses existing grid system classes—like .span2 or .span3—for control of thumbnail dimensions.

      +
      +
      + +
      +
      +

      The markup

      +

      As mentioned previously, the required markup for thumbnails is light and straightforward. Here's a look at the default setup for linked images:

      +
      +<ul class="thumbnails">
+  <li class="span3">
+    <a href="#" class="thumbnail">
+      <img src="http://placehold.it/210x150" alt="">
+    </a>
+  </li>
+  ...
+</ul>
+
      +

      For custom HTML content in thumbnails, the markup changes slightly. To allow block level content anywhere, we swap the <a> for a <div> like so:

      +
      +<ul class="thumbnails">
+  <li class="span3">
+    <div class="thumbnail">
+      <img src="http://placehold.it/210x150" alt="">
+      <h5>Thumbnail label</h5>
+      <p>Thumbnail caption right here...</p>
+    </div>
+  </li>
+  ...
+</ul>
+
      +
      +
      +

      More examples

      +

      Explore all your options with the various grid classes available to you. You can also mix and match different sizes.

      + -

      Small

      - -

      Coding them

      -

      Media grids are easy to use and rather simple on the markup side. Their dimensions are purely based on the size of the images included.

      -
      -<ul class="media-grid">
-  <li>
-    <a href="#">
-      <img class="thumbnail" src="http://placehold.it/330x230" alt="">
-    </a>
-  </li>
-  <li>
-    <a href="#">
-      <img class="thumbnail" src="http://placehold.it/330x230" alt="">
-    </a>
-  </li>
-</ul>
-
      -
      +
      +
      diff --git a/docs/javascript.html b/docs/javascript.html index 6c0e12c19..56e60e98c 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -819,7 +819,7 @@ $('a[data-toggle="tab"]').bind('shown', function (e) { 
      <button class="btn" data-complete-text="finished!" >...</button>
 <script>
   $('.btn').button('complete')
-</scrip>
      +</script>

      Demo

      diff --git a/docs/scaffolding.html b/docs/scaffolding.html index 8b7e620fb..7431ae58b 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -64,34 +64,34 @@

      Default 940px grid

      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      -
      4
      -
      4
      -
      4
      +
      4
      +
      4
      +
      4
      -
      4
      -
      8
      +
      4
      +
      8
      -
      6
      -
      6
      +
      6
      +
      6
      -
      12
      +
      12
      @@ -383,6 +383,17 @@ }); + + diff --git a/docs/upgrading.html b/docs/upgrading.html new file mode 100644 index 000000000..cd0ca8e22 --- /dev/null +++ b/docs/upgrading.html @@ -0,0 +1,152 @@ + + + + + Bootstrap, from Twitter: Upgrading from v1.4 to v2.0 + + + + + + + + + + + + + + + + + + + + + + +
      +
      +
      + Bootstrap + +
      +
      +
      + +
      + + +
      +

      Upgrading to Bootstrap 2

      +

      Learn about significant changes and additions since v1.4 with this handy guide.

      +
      + + +

      Rough outline

      +
        +
      • Docs completely overhauled +
          +
        • Responsive thanks to new grid system
          • +
        • Now less marketing and more information
          • +
        • Extensive use of tables to share classes and elements of most components
          • +
        • Broken down into several pages for easier consumption
          • +
        +
        • +
      • Updated grid system, now only 12 columns +
          +
        • Same great classes, but now only 12 columns
          • +
        • Responsive approach means your projects virtually work out of the box on smartphones, tablets, and more
          • +
        +
        • +
      • New thumbnails (previously media grids) +
          +
        • .media-grid class has been changed to .thumbnails
          • +
        • Individual thumbnails now require .thumbnail class
          • +
        +
        • +
      • Updated forms +
          +
        • Default form style is now stacked to use less CSS and add flexibility
          • +
        • Exact same markup is required for vertical or horizontal forms—just swap the classes
          • +
        • New form defaults for search, inline, vertical, and horizontal
          • +
        +
        • +
      • Updated tables +
          +
        • Table classes made more consistent
          • +
        • Removed unused table color options (too much code for such little impact)
          • +
        +
        • +
      • Typography +
          +
        • Right-aligned option for blockquotes if float: right;
          • +
        +
        • +
      • Buttons +
          +
        • Added button bar options
          • +
        +
        • +
      • +
          +
        • +
        +
        • +
      + + + + + + + + + +
      + + + + + + + + + + + + + + + + + -- cgit v1.2.3 From 1ef5fa7d6b4e50230c0c12919b0a06a9a2ac07f1 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Tue, 20 Dec 2011 18:02:47 -0800 Subject: giant refactor - all spec passing again... --- docs/javascript.html | 29 ++++++++++++++--------------- 1 file changed, 14 insertions(+), 15 deletions(-) (limited to 'docs') diff --git a/docs/javascript.html b/docs/javascript.html index 4e4004132..964d2f7aa 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -25,7 +25,8 @@ - + + - - - + diff --git a/docs/components.html b/docs/components.html index 11d83c51a..9c683b9b2 100644 --- a/docs/components.html +++ b/docs/components.html @@ -814,18 +814,7 @@ Lorem ipsum dolar sit amet illo error ipsum verita - - - - + diff --git a/docs/index.html b/docs/index.html index 55a75b1bf..1b7edb8c5 100644 --- a/docs/index.html +++ b/docs/index.html @@ -107,19 +107,20 @@

      Built with Bootstrap

      -
        -
      • - +

        For even more sites built with Bootstrap, visit the unofficial Tumblr.

        +
          +
        • + Kippt
          • -
        • - +
        • + Fleetio
          • -
        • - +
        • + JS Hint
          • @@ -233,27 +234,7 @@ - - - - + diff --git a/docs/less.html b/docs/less.html index 52de8b6aa..e004bc24c 100644 --- a/docs/less.html +++ b/docs/less.html @@ -466,18 +466,7 @@ - - - - + diff --git a/docs/scaffolding.html b/docs/scaffolding.html index 7431ae58b..473553412 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -371,29 +371,7 @@ - - - - - - + diff --git a/docs/upgrading.html b/docs/upgrading.html index 60c9c325b..3e5a14a8a 100644 --- a/docs/upgrading.html +++ b/docs/upgrading.html @@ -99,21 +99,14 @@
        • Added button bar options
        • + - - - +
      - - - - + -- cgit v1.2.3 From c854ed167ce37d6a008723c78f2e6336211fff69 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 21 Dec 2011 16:26:21 -0600 Subject: rename media grid to thumbnails, recompile bootstrap, fix examples for mobile phones --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 5ed38bb47..20ea50d6f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -387,7 +387,7 @@ h2 + table { .example-sites { margin-left: 0; } - .example-sites a { + .example-sites > li { float: none; display: block; max-width: 300px; -- cgit v1.2.3 From af5793e1cd358862cf510a54dda2476b95a26ca8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 21 Dec 2011 16:41:46 -0600 Subject: fix mobile example sites, remove unused JS from docs index --- docs/assets/css/docs.css | 5 ++++- docs/index.html | 24 ------------------------ 2 files changed, 4 insertions(+), 25 deletions(-) (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 20ea50d6f..b3c464941 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -315,7 +315,7 @@ h2 + table { /* Example sites showcase */ .example-sites img { - width: 290px; + max-width: 290px; } .built-with { margin: -18px 0 27px; @@ -393,6 +393,9 @@ h2 + table { max-width: 300px; margin: 0 auto 18px; } + .example-sites img { + max-width: 270px; + } table code { white-space: normal; diff --git a/docs/index.html b/docs/index.html index 1b7edb8c5..9cad06271 100644 --- a/docs/index.html +++ b/docs/index.html @@ -124,23 +124,6 @@ JS Hint -

      Designed for everyone, everywhere

      @@ -235,13 +218,6 @@ - - - - - - - -- cgit v1.2.3 From 12a0d69454a2831031035d19237d36d38bb2c2a9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 21 Dec 2011 18:38:03 -0600 Subject: fix dropdowns in components docs page --- docs/components.html | 30 +++++++++++++++--------------- docs/javascript.html | 23 ++++++----------------- 2 files changed, 21 insertions(+), 32 deletions(-) (limited to 'docs') diff --git a/docs/components.html b/docs/components.html index 9c683b9b2..2f359ab57 100644 --- a/docs/components.html +++ b/docs/components.html @@ -22,6 +22,18 @@ + + + + + + + + + + + + @@ -230,7 +242,7 @@

      Navbar

      Fixed navbar

      -
      +
      Project Name @@ -240,7 +252,7 @@
    • Link
    • Link
    • - Dropdown + Dropdown
      • - - - - - - - - - - - - diff --git a/docs/javascript.html b/docs/javascript.html index 568991969..91fe94910 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -26,17 +26,6 @@ - - - @@ -147,7 +136,7 @@
      - + @@ -306,7 +295,7 @@ $('#myModal').bind('hidden', function () { Download
      -

      Using boostrap-dropdown.js

      +

      Using bootstrap-dropdown.js

      $('.dropdown-toggle').dropdown()

      Markup

      To quickly add dropdown functionality to any element just add data-toggle="dropdown". Any valid bootstrap dropdown will automatically be activated.

      @@ -380,7 +369,7 @@ $('#myModal').bind('hidden', function () { Download
      -

      Using boostrap-scrollspy.js

      +

      Using bootstrap-scrollspy.js

      $('#navbar').dropdown()

      Markup

      To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body). @@ -454,7 +443,7 @@ $('#myModal').bind('hidden', function () { Download

      -

      Using boostrap-tab.js

      +

      Using bootstrap-tab.js

      $('#myTab').tab('show')

      Markup

      You can activate a tab or pill navigation without writing any javascript by simply specifying data-toggle="tab" or data-toggle="pill" on an element.

      @@ -651,11 +640,11 @@ $('a[data-toggle="tab"]').bind('shown', function (e) {
      -

      The popover plugin provides a simple interface for adding popovers to your application. It extends the boostrap-twipsy.js plugin, so be sure to grab that file as well when including popovers in your project!

      +

      The popover plugin provides a simple interface for adding popovers to your application. It extends the bootstrap-twipsy.js plugin, so be sure to grab that file as well when including popovers in your project!

      Download
      -

      Using boostrap-popover.js

      +

      Using bootstrap-popover.js

      $('#example').popover(options)

      Options

      bootstrap-popover.jsThe popover plugin provides a simple interface for adding popovers to your application. It extends the boostrap-twipsy.js plugin, so be sure to grab that file as well when including popovers in your project!The popover plugin provides a simple interface for adding popovers to your application. It extends the bootstrap-twipsy.js plugin, so be sure to grab that file as well when including popovers in your project!
      bootstrap-button.js
      -- cgit v1.2.3 From efacac0d6c812abffa8a84a48fa760f5f56c92f0 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Wed, 21 Dec 2011 18:42:43 -0800 Subject: clean up all the js across all the doc pages --- docs/assets/js/application.js | 86 ++++++++++++++++++++++----------------- docs/base-css.html | 19 +-------- docs/components.html | 91 +++++++++++++++++++---------------------- docs/index.html | 37 ++--------------- docs/javascript.html | 95 +++++++++++++++++++------------------------ docs/less.html | 20 +-------- docs/scaffolding.html | 74 +++++++++++---------------------- docs/upgrading.html | 39 ------------------ 8 files changed, 164 insertions(+), 297 deletions(-) (limited to 'docs') diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js index dd759bf8b..c653233e6 100644 --- a/docs/assets/js/application.js +++ b/docs/assets/js/application.js @@ -1,52 +1,64 @@ $(function(){ - // table sort example - // ================== + // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT + // IT'S ALL JUST JUNK FOR OUR DOCS! + // ++++++++++++++++++++++++++++++++++++++++++ - $("#sortTableExample").tablesorter( { sortList: [[ 1, 0 ]] } ) + // make code pretty + prettyPrint && prettyPrint() + // table sort example + if ($.fn.tableSorter) { + $("#sortTableExample").tablesorter( { sortList: [[ 1, 0 ]] } ) + } // add on logic - // ============ - - $('.add-on :checkbox').click(function () { - if ($(this).attr('checked')) { - $(this).parents('.add-on').addClass('active') - } else { - $(this).parents('.add-on').removeClass('active') - } + $('.add-on :checkbox').on('click', function () { + var $this = $(this) + , method = $this.attr('checked') ? 'addClass' : 'removeClass' + $(this).parents('.add-on')[method]('active') }) - // Disable certain links in docs - // ============================= - // Please do not carry these styles over to your projects, it's merely here to prevent button clicks form taking you away from your spot on page + // Please do not carry these styles over to your projects + // it's merely here to prevent button clicks form taking you + // away from your spot on page!! - $('ul.tabs a, ul.pills a, .pagination a, .well .btn, .actions .btn, .alert-message .btn, a.close').click(function (e) { + $('[href^=#]').click(function (e) { e.preventDefault() }) // Copy code blocks in docs - $(".copy-code").focus(function () { - var el = this; - // push select to event loop for chrome :{o - setTimeout(function () { $(el).select(); }, 1); - }); - - - // POSITION STATIC TWIPSIES - // ======================== - - $(window).on('load resize', function () { - $(".twipsies a").each(function () { - $(this) - .twipsy({ - live: false - , placement: $(this).attr('title') - , trigger: 'manual' - , offset: 2 - }) - .twipsy('show') - }) + $(".copy-code").on('focus', function () { + var el = this + setTimeout(function () { $(el).select() }, 0) }) -}); + + if ($.fn.twipsy) { + + // position static twipsies for components page + if ($(".twipsies a").length) { + $(window).on('load resize', function () { + $(".twipsies a").each(function () { + $(this) + .twipsy({ + placement: $(this).attr('title') + , trigger: 'manual' + }) + .twipsy('show') + }) + }) + } + + // add tipsies to grid for scaffolding + if ($('#grid-system').length) { + + $('#grid-system').twipsy({ + selector: '.show-grid > div' + , title: function () { return $(this).width() + 'px' } + }) + + } + } + +}) \ No newline at end of file diff --git a/docs/base-css.html b/docs/base-css.html index 209897402..6173a4de6 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1110,25 +1110,10 @@ - - - - - + + - - - - diff --git a/docs/components.html b/docs/components.html index 56e71b0f7..4d2c60823 100644 --- a/docs/components.html +++ b/docs/components.html @@ -208,7 +208,7 @@

      Navigation

      Fixed navbar

      -
      +
      Project Name @@ -218,7 +218,7 @@
    • Link
    • Link
    • - Dropdown + Dropdown
      • Secondary link
      • Something else here
        • @@ -233,7 +233,7 @@
        • - Dropdown + Dropdown
          • Secondary link
          • Something else here
            • @@ -279,8 +279,8 @@
          • Messages
          • Settings
          • Contact
            • -
          • - Dropdown +
          • + Dropdown
            • Secondary link
            • Something else here
              • @@ -302,11 +302,11 @@

              As mentioned above, you can bring your tabs to life with a simple plugin. Here we have integrated all four variations of the tabs—default (top), right, bottom, left—with example tab areas.

              -
                -
              • Section 1
                • -
              • Section 2
                • -
              • Section 3
                • -
              • Section 4
                • +
                @@ -327,21 +327,21 @@
                -
                  -
                • Section 1
                  • -
                • Section 2
                  • -
                • Section 3
                  • +
                  -
                  +

                  Section 1

                  Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

                  -
                  +

                  Section 2

                  Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

                  -
                  +

                  Section 3

                  Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

                  @@ -350,21 +350,21 @@
                  -
                    -
                  • Section 1
                    • -
                  • Section 2
                    • -
                  • Section 3
                    • +
                    -
                    +

                    Section 1

                    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

                    -
                    +

                    Section 2

                    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

                    -
                    +

                    Section 3

                    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

                    @@ -375,24 +375,24 @@
                    -
                    +

                    Oh hai #1!

                    -
                    +

                    Oh hai #2!

                    -
                    +

                    Oh hai #3!

                    -
                    +

                    Oh hai #4!

                    -
                    @@ -733,25 +733,16 @@ Lorem ipsum dolar sit amet illo error ipsum verita - - - - - + + + - - - + + - + + + diff --git a/docs/index.html b/docs/index.html index 55a75b1bf..81d7df41e 100644 --- a/docs/index.html +++ b/docs/index.html @@ -97,10 +97,10 @@
                  • ·
                  • - +
                  @@ -233,35 +233,6 @@ - - - - - - - - - - - - - + - + \ No newline at end of file diff --git a/docs/javascript.html b/docs/javascript.html index acde34d46..aed64d30a 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -23,49 +23,6 @@ - - - - - - - - - - - - - - - - - - - - - @@ -839,16 +796,6 @@ $('a[data-toggle="tab"]').on('shown', function (e) { -
      • @@ -1040,5 +987,47 @@ $('#myCollapsible').on('hidden', function () {

      Icons from Glyphicons Free, licensed under CC BY 3.0.

      + + + + + + + + + + + + + + + + + + + diff --git a/docs/less.html b/docs/less.html index 52de8b6aa..13dfee282 100644 --- a/docs/less.html +++ b/docs/less.html @@ -466,25 +466,9 @@ - - - - - + + - - - - - diff --git a/docs/scaffolding.html b/docs/scaffolding.html index 7431ae58b..311a6954c 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -64,34 +64,34 @@

      Default 940px grid

      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      -
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      +
      1
      -
      4
      -
      4
      -
      4
      +
      4
      +
      4
      +
      4
      -
      4
      -
      8
      +
      4
      +
      8
      -
      6
      -
      6
      +
      6
      +
      6
      -
      12
      +
      12
      @@ -358,7 +358,6 @@ -
      @@ -371,36 +370,11 @@ - - - - - - - + + - - - + - - + \ No newline at end of file diff --git a/docs/upgrading.html b/docs/upgrading.html index cd0ca8e22..4dedb37d8 100644 --- a/docs/upgrading.html +++ b/docs/upgrading.html @@ -99,23 +99,7 @@
    • Added button bar options
      • -
    • -
        -
      • -
      -
      • - - - - - - -
      - - - - - - - - - - - - - - - -- cgit v1.2.3 From 2ebc0ad2ef13c4eb9ab2e7b57ff6ca661687ca4e Mon Sep 17 00:00:00 2001 From: Jonathan Ingram Date: Thu, 22 Dec 2011 16:47:42 +1100 Subject: Update docs to show available events on alert --- docs/javascript.html | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) (limited to 'docs') diff --git a/docs/javascript.html b/docs/javascript.html index bf27dd7f1..0bdcdc8ed 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -750,6 +750,30 @@ $('a[data-toggle="tab"]').on('shown', function (e) {

      .alert('close')

      Closes an alert.

      $(".alert-message").alert('close')
      +

      Events

      +

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

      +
      + + + + + + + + + + + + + + + + +
      EventDescription
      closeThis event fires immediately when the close instance method is called.
      closedThis event is fired when the alert has been closed (will wait for css transitions to complete).
      +
      +$('#my-alert').bind('closed', function () {
+  // do something ...
+})

      Demo

      × -- cgit v1.2.3 From 87ac818253a26bcf09fa55f78ae3f55759c54e64 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Thu, 22 Dec 2011 19:10:32 -0800 Subject: change above below to top bottom and add "inside" placement option --- docs/javascript.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs') diff --git a/docs/javascript.html b/docs/javascript.html index aed64d30a..c9bb425a4 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -544,8 +544,8 @@ $('a[data-toggle="tab"]').on('shown', function (e) { placement string - 'above' - how to position the tooltip - above | below | left | right + 'top' + how to position the tooltip - top | bottom | left | right selector -- cgit v1.2.3 From 3396fc0542a5fbbed658a95f931472fc24feee56 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Thu, 22 Dec 2011 19:17:41 -0800 Subject: check for prettyprint on window --- docs/assets/js/application.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js index c8e796a39..eae84b138 100644 --- a/docs/assets/js/application.js +++ b/docs/assets/js/application.js @@ -17,7 +17,7 @@ $(function(){ // ================== // make code pretty - prettyPrint && prettyPrint() + window.prettyPrint && prettyPrint() // table sort example if ($.fn.tableSorter) { -- cgit v1.2.3 From 49fb910b11baef4ccfe9270479e8b9bf9e5e7731 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Thu, 22 Dec 2011 19:25:29 -0800 Subject: more js cleanup after gnarly merge --- docs/base-css.html | 1 - docs/components.html | 28 ++++++++++++---------------- docs/scaffolding.html | 1 + 3 files changed, 13 insertions(+), 17 deletions(-) (limited to 'docs') diff --git a/docs/base-css.html b/docs/base-css.html index 34e844df3..dad42381d 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1180,7 +1180,6 @@ Form states - diff --git a/docs/components.html b/docs/components.html index 26a657cb5..5b4e788f1 100644 --- a/docs/components.html +++ b/docs/components.html @@ -22,18 +22,6 @@ - - - - - - - - - - - - @@ -768,7 +756,7 @@

      -Lorem ipsum dolar sit amet illo error ipsum veritatis aut iste perspiciatis iste voluptas natus illo quasi odit aut natus consequuntur consequuntur, aut natus illo voluptatem odit perspiciatis laudantium rem doloremque totam voluptas. Voluptasdicta eaque beatae aperiam ut enim voluptatem explicabo explicabo, voluptas quia odit fugit accusantium totam totam architecto explicabo sit quasi fugit fugit, totam doloremque unde sunt sed dicta quae accusantium fugit voluptas nemo voluptas voluptatem rem quae aut veritatis quasi quae. +Lorem ipsum dolar sit amet illo error ipsum veritatis aut iste perspiciatis iste voluptas natus illo quasi odit aut natus consequuntur consequuntur, aut natus illo voluptatem odit perspiciatis laudantium rem doloremque totam voluptas. Voluptasdicta eaque beatae aperiam ut enim voluptatem explicabo explicabo, voluptas quia odit fugit accusantium totam totam architecto explicabo sit quasi fugit fugit, totam doloremque unde sunt sed dicta quae accusantium fugit voluptas nemo voluptas voluptatem rem quae aut veritatis quasi quae.

      @@ -811,9 +799,6 @@ Lorem ipsum dolar sit amet illo error ipsum verita
    - - -
    + + + + + + + + + + + diff --git a/docs/scaffolding.html b/docs/scaffolding.html index dc35bd577..0a46252dd 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -375,5 +375,6 @@ + -- cgit v1.2.3 From 3aba68f832e3406fcd6687ba4687cd339ae3b42d Mon Sep 17 00:00:00 2001 From: Purwandi Date: Fri, 23 Dec 2011 21:39:29 +0700 Subject: Fix id tabs on docs component --- docs/components.html | 40 ++++++++++++++++++++-------------------- 1 file changed, 20 insertions(+), 20 deletions(-) (limited to 'docs') diff --git a/docs/components.html b/docs/components.html index 5b4e788f1..c6a349ff4 100644 --- a/docs/components.html +++ b/docs/components.html @@ -358,20 +358,20 @@
    -
    +

    Section 1

    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

    -
    +

    Section 2

    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

    -
    +

    Section 3

    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

    @@ -381,20 +381,20 @@
    -
    +

    Section 1

    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

    -
    +

    Section 2

    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

    -
    +

    Section 3

    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.

    @@ -405,24 +405,24 @@
    -
    +

    Oh hai #1!

    -
    +

    Oh hai #2!

    -
    +

    Oh hai #3!

    -
    +

    Oh hai #4!

    -- cgit v1.2.3 From 1a295491b275cf55187c913db311e807eda5e989 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sat, 24 Dec 2011 22:15:04 -0800 Subject: update docs for placement --- docs/javascript.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/javascript.html b/docs/javascript.html index e33900432..7c92ef06a 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -635,7 +635,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) { placement string 'right' - how to position the popover - above | below | left | right + how to position the popover - top | bottom | left | right selector -- cgit v1.2.3 From 058f47b33b3978bbb484e521e7fc14c6ebadc161 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 26 Dec 2011 17:25:25 -0600 Subject: clean up some comments and fix a bug with buttons in navbar by removing too generic of a link color --- docs/index.html | 1 + 1 file changed, 1 insertion(+) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index 0d340fa1a..735fe7ae7 100644 --- a/docs/index.html +++ b/docs/index.html @@ -41,6 +41,7 @@
  • Javascript plugins
  • Using LESS
    • + Button
    -- cgit v1.2.3 From 324246e4f964437a2dfa7efbd2d1b6b039369b2c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 27 Dec 2011 12:39:39 -0600 Subject: remove negative margin from .brand in docs, update navbar to support buttons up thurr --- docs/assets/css/docs.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b3c464941..c2c92a251 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -22,6 +22,7 @@ body { body > .navbar-fixed .brand { padding-right: 0; padding-left: 0; + margin-left: 20px; float: right; font-weight: bold; color: #000; -- cgit v1.2.3 From b9adae14fc9fa64134aebb57655dd93e0a7e6ad6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 27 Dec 2011 12:40:30 -0600 Subject: remove button from topbar for testing --- docs/index.html | 1 - 1 file changed, 1 deletion(-) (limited to 'docs') diff --git a/docs/index.html b/docs/index.html index 735fe7ae7..0d340fa1a 100644 --- a/docs/index.html +++ b/docs/index.html @@ -41,7 +41,6 @@
  • Javascript plugins
  • Using LESS
    • - Button
    -- cgit v1.2.3 From fec02f50455c87f0e01fe74b1fb2e3cd032ade09 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 27 Dec 2011 15:40:58 -0600 Subject: clean up some css for github issues: input prepend z-index, modals revamped for responsive --- docs/base-css.html | 2 +- docs/components.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'docs') diff --git a/docs/base-css.html b/docs/base-css.html index dad42381d..99fb9bd1a 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -894,7 +894,7 @@ Form states @
    - Here's some help text +

    Here's some help text

    diff --git a/docs/components.html b/docs/components.html index c6a349ff4..fbfa9fb31 100644 --- a/docs/components.html +++ b/docs/components.html @@ -716,7 +716,7 @@

    Get the javascript »

    -
    +
    -- cgit v1.2.3 From e78d5f8ff33009e4c4ab57496913b43ff1e369dc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 27 Dec 2011 16:25:22 -0600 Subject: fix tables for rowspan --- docs/base-css.html | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) (limited to 'docs') diff --git a/docs/base-css.html b/docs/base-css.html index 99fb9bd1a..13cbeedbc 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -646,25 +646,24 @@ 1 Some One - English + HTML 2 Joe Sixpack - English + Javascript 3 Joe Sixpack - English 3 Stu Dent - Code + CSS -- cgit v1.2.3 From 53c6dbff0d6dd781df421f07acdd9e98719b41bf Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 27 Dec 2011 17:04:55 -0600 Subject: add appended input example to docs, fix help-text wrapping issue by clearing float --- docs/base-css.html | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'docs') diff --git a/docs/base-css.html b/docs/base-css.html index 13cbeedbc..2bc6f49fb 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -896,6 +896,16 @@ Form states

    Here's some help text

    +
    + +
    +
    + + .00 +
    +

    Here's more help text

    +
    +
    -- cgit v1.2.3 From 2d092dfeea969d82bc55a153c6a597a3e87a0a03 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Mon, 2 Jan 2012 16:04:01 -0800 Subject: start playing with carousel stuff --- docs/javascript.html | 66 +++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 65 insertions(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/javascript.html b/docs/javascript.html index d5aebbacd..8e5e22adb 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -117,6 +117,10 @@ bootstrap-collapse.js The collapse plugin offers simple, generic collapsible element support for making accordions and other collapsible ui components. + + bootstrap-carousel.js + Carousel add +

    Is javascript necessary?

    @@ -1002,6 +1006,61 @@ $('#myCollapsible').on('hidden', function () {
    + + + +
    @@ -1028,6 +1087,7 @@ $('#myCollapsible').on('hidden', function () { + -- cgit v1.2.3 From 8b58a1c3d9fea740c89f48c1771a6c7dd44e1f41 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Mon, 2 Jan 2012 19:13:02 -0800 Subject: placeholder design for carousel --- docs/javascript.html | 43 +++++++++++++++++++++++++++++++++++-------- 1 file changed, 35 insertions(+), 8 deletions(-) (limited to 'docs') diff --git a/docs/javascript.html b/docs/javascript.html index 8e5e22adb..ae464e849 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -118,8 +118,8 @@ The collapse plugin offers simple, generic collapsible element support for making accordions and other collapsible ui components. - bootstrap-carousel.js - Carousel add + bootstrap-carousel.js + A plugin for rotating through elements. A merry-go-round. @@ -1015,7 +1015,7 @@ $('#myCollapsible').on('hidden', function () {
    -

    The carousel plugin creates a carousel douh..

    +

    A generic plugin for cycling through elements. A merry-go-round.

    Download
    @@ -1023,11 +1023,40 @@ $('#myCollapsible').on('hidden', function () { 
    $('.carousel').carousel()

    Markup

    Data attributes are integral to the carousel plugin. Check out the example code below for the various markup types.

    - 
    
+
    +<div class="thumbnail carousel">
+
+  <!-- navigation -->
+  <a class="nav" href="#myCarousel" data-show="next">&lt;</a>
+  <a class="nav" href="#myCarousel" data-show="previous">&gt;</a>
+
+  <!-- items -->
+  <div class="item active">
+    <img src="http://placehold.it/1100x350">
+    <div class="caption">
+      <h5>Thumbnail label</h5>
+      <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p>
+    </div>
+  </div>
+
+  <div class="item">
+    <img src="http://placehold.it/1100x350">
+    <div class="caption">
+      <h5>Thumbnail label</h5>
+      <p>Donec id elit non mi porta gravida at eget metus.</p>
+    </div>
+  </div>
+
+</div>
+
    
           
    Demo
    
 
           
-          
    
+
+          
 
-            
    
+            
    
               
               
    
                 
    Thumbnail label
    
@@ -1055,8 +1084,6 @@ $('#myCollapsible').on('hidden', function () {
 
           
    
 
-
-
         
    
       
    
     
-- 
cgit v1.2.3


From 3fb6f6ee8670acff0c681c621b87a06a087f94be Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Mon, 2 Jan 2012 22:30:57 -0800
Subject: basic carousel implementation

---
 docs/javascript.html | 79 ++++++++++++++++++++++++++--------------------------
 1 file changed, 40 insertions(+), 39 deletions(-)

(limited to 'docs')

diff --git a/docs/javascript.html b/docs/javascript.html
index ae464e849..4d90dbcf1 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -1026,62 +1026,66 @@ $('#myCollapsible').on('hidden', function () {
 
     <div class="thumbnail carousel">
 
-  <!-- navigation -->
-  <a class="nav" href="#myCarousel" data-show="next">&lt;</a>
-  <a class="nav" href="#myCarousel" data-show="previous">&gt;</a>
-
   <!-- items -->
-  <div class="item active">
-    <img src="http://placehold.it/1100x350">
-    <div class="caption">
-      <h5>Thumbnail label</h5>
-      <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p>
+  <div class="carousel-inner">
+    <div class="item active">
+      <img src="http://placehold.it/1100x350">
+      <div class="caption">
+        <h5>Thumbnail label</h5>
+        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p>
+      </div>
     </div>
-  </div>
 
-  <div class="item">
-    <img src="http://placehold.it/1100x350">
-    <div class="caption">
-      <h5>Thumbnail label</h5>
-      <p>Donec id elit non mi porta gravida at eget metus.</p>
+    <div class="item">
+      <img src="http://placehold.it/1100x350">
+      <div class="caption">
+        <h5>Thumbnail label</h5>
+        <p>Donec id elit non mi porta gravida at eget metus.</p>
+      </div>
     </div>
   </div>
 
+  <!-- navigation -->
+  <a class="nav" href="#myCarousel" data-slide="next">&lt;</a>
+  <a class="nav" href="#myCarousel" data-slide="prev">&gt;</a>
+
 </div>
 
    
           
    Demo
    
 
           
 
-          
+    
    
+      
    Light red background color is only used to show the dimensions of the icons in the docs.
    
+    
    
   
    
 
   
    
@@ -1328,7 +1364,38 @@ Form states
   
    
 
   
    Examples
    
-  
     Button
    
+  
    
+    
    
+      
    Use them in buttons, or in button groups for a toolbar style presentation.
    
+      
    
+         Refresh
+         Settings
+      
    
+      
    
+        
    
+          
+          
+          
+        
    
+        
    
+          
+          
+          
+          
+        
    
+      
    
+    
    
+    
    
+      
    Or, use them in navigation.
    
+      
    
+        
+      
    
+    
    
+  
    
 
 
 
-- 
cgit v1.2.3


From 7582520808ad6c3610831652d0d4d33ea4ebf15b Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Thu, 5 Jan 2012 22:37:23 -0800
Subject: docs cleanup and navbar brand hover

---
 docs/base-css.html | 68 ++++++++++++++++++++++++++++++++----------------------
 1 file changed, 41 insertions(+), 27 deletions(-)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index 225f10ae2..a0c3c4cf1 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -638,7 +638,6 @@
 
   
    3. Bordered table
    
   
    Add borders around the entire table and between each row, plus a bit of rounded corners for aesthetic purposes.
    
-  
    Note Bordered tables do not work well with rowspan due to somewhat hacky CSS applied to the tables. Sorry about that!
    
   
@@ -1177,37 +1176,52 @@
     
 
-  
    Button groups
    
-  
    
-    
    
-      Left
-      Middle
-      Right
+  
    
+
+  
    
+    
    
+      
    Button groups
    
+      
    Use button groups to join multiple buttons together as one composite component. Button groups can be built with not only <a> or <button> elements, but also radios and checkboxes.
    
+      
    You can also combine sets of button groups into a toolbar for more complex projects.
    
+      
    Get the javascript »
    
+      
    Heads up: CSS for button groups is in a separate file, button-groups.less.
    
     
    
-  
    
-  
    
-    
    
-      
    
-        1
-        2
-        3
-        4
-        5
-      
    
-      
    
-        6
-        7
-        8
-      
    
-      
    
-        9
+    
    
+      
    Linked button group
    
+      
    Using the standard <a class="btn" href="#">...</a> markup, simply add all the buttons you need.
    
+      
    
+        
    
+          Left
+          Middle
+          Right
+        
    
       
    
-      
    
-        10
+      
    Level up one more time by wrapping multiple instances of <div class="btn-group"> with <div class="btn-toolbar">.
    
+      
    
+        
    
+          
    
+            1
+            2
+            3
+            4
+            5
+          
    
+          
    
+            6
+            7
+            8
+          
    
+          
    
+            9
+          
    
+          
    
+            10
+          
    
+        
    
       
    
     
    
   
    
-
+    
 
 
 
-- 
cgit v1.2.3


From 5cb76037ae70ca26a923750ca9441b04d2fbd6a7 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Thu, 5 Jan 2012 23:24:19 -0800
Subject: fixing conflict in dividers in navbar, fix navbar docs, fix search
 form in navbar

---
 docs/assets/css/docs.css |  1 -
 docs/base-css.html       |  2 +-
 docs/components.html     | 11 +++++------
 3 files changed, 6 insertions(+), 8 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 41c7ae4b6..6cffcbc20 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -41,7 +41,6 @@ body > .navbar-fixed .brand:hover {
 }
 .page-header h1 {
   margin-bottom: 17px;
-  font-size: 36px;
   line-height: 1;
 }
 
diff --git a/docs/base-css.html b/docs/base-css.html
index a0c3c4cf1..399a41463 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1181,7 +1181,7 @@
   
    
     
    
       
    Button groups
    
-      
    Use button groups to join multiple buttons together as one composite component. Button groups can be built with not only <a> or <button> elements, but also radios and checkboxes.
    
+      
    Use button groups to join multiple buttons together as one composite component. Just build them with a series of <a> or <button> elements. Button groups can also function as radios and checkboxes (see the Javascript docs for that).
    
       
    You can also combine sets of button groups into a toolbar for more complex projects.
    
       
    Get the javascript »
    
       
    Heads up: CSS for button groups is in a separate file, button-groups.less.
    
diff --git a/docs/components.html b/docs/components.html
index e57d1fd17..5c25a98a4 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -267,7 +267,6 @@
   
    
     
    Navbar
    
   
    
-  
    Fixed navbar
    
   
    
     
    
       
    
@@ -287,11 +286,11 @@
             
           
         
-        
    
+        
           
         
         
      
-          
    • 
+          
    • 
           
    • 
             Dropdown
             
        
@@ -308,15 +307,15 @@
 
   
        
     
        
-      
        What is it
        
+      
        What is it
        
       
        Our navbar is a fixed bar that houses a website’s logo or name, primary navigation, and search form.
        
     
        
     
        
-      
        Customizable
        
+      
        Customizable
        
       
        All elements within, and the entire navbar as well, are optional. You can choose to include a logo/name, nav, search, and a secondary nav—or any combination of that.
        
     
        
     
        
-      
        Dropdowns included
        
+      
        Dropdowns included
        
       
        As part of the main navigation, we’ve included the ability for you to add dropdowns to your nav. Check out the secondary nav above (right aligned) to see how it’s done. Dropdowns <li> tags also support .active for showing current page selection.
        
     
        
   
        
-- 
cgit v1.2.3


From cfc2353059df628c67d19a3c5c3ead2cc6051f53 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Fri, 6 Jan 2012 23:59:22 -0800
Subject: front page docs updated to include old getting started section,
 update code styles to look like github gists, and lots more docs updates

---
 docs/assets/css/docs.css                         |  73 +++++++++-
 docs/assets/js/google-code-prettify/prettify.css |  16 ++-
 docs/base-css.html                               |  14 ++
 docs/components.html                             | 171 +++++++++++++++++------
 docs/index.html                                  |  40 +++++-
 docs/less.html                                   |   6 +-
 docs/scaffolding.html                            |   1 -
 docs/upgrading.html                              |   3 +
 8 files changed, 269 insertions(+), 55 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 6cffcbc20..579baad7d 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -192,6 +192,75 @@ body > .navbar-fixed .brand:hover {
 }
 
 
+/* Quickstart section for getting le code
+-------------------------------------------------- */
+.getting-started {
+  background-color: #f5f5f5;
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5));
+  background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5);
+  background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5));
+  background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5);
+  background-image: -o-linear-gradient(#f9f9f9, #f5f5f5);
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)";
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0);
+  background-image: linear-gradient(#f9f9f9, #f5f5f5);
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+}
+.getting-started {
+  border-color: #eee;
+}
+.getting-started td {
+  width: 33%;
+  border-right: 1px solid #eee;
+}
+.getting-started td + td {
+  border-left: 1px solid #fff;
+}
+.getting-started td:last-child {
+  border-right: 0;
+}
+.quick-start {
+  padding: 17px 20px;
+}
+.quick-start h3,
+.quick-start p {
+  line-height: 18px;
+  text-align: center;
+  margin-bottom: 9px;
+}
+.quick-start p {
+  color: #777;
+}
+.quick-start .current-version,
+.quick-start .current-version a {
+  color: #999;
+}
+.quick-start form {
+  margin-bottom: 0;
+}
+.quick-start textarea {
+  display: block;
+  width: 100%;
+  height: auto;
+  margin-bottom: 0;
+  line-height: 21px;
+  white-space: nowrap;
+  overflow: hidden;
+  /* Makes inputs behave like true block-level elements */
+  -webkit-box-sizing: border-box; /* Older Webkit */
+     -moz-box-sizing: border-box; /* Older FF */
+      -ms-box-sizing: border-box; /* IE8 */
+          box-sizing: border-box; /* CSS3 spec*/
+  /* Hacks for IE7 to make this work just okay enough to function */
+  *width: 90%;
+  *height: 24px;
+}
+
+
 /* Footer
 -------------------------------------------------- */
 .footer {
@@ -341,8 +410,10 @@ h2 + table {
 .example-sites img {
   max-width: 290px;
 }
-.built-with {
+.marketing-byline {
   margin: -18px 0 27px;
+  font-size: 18px;
+  font-weight: 300;
   color: #999;
   text-align: center;
 }
diff --git a/docs/assets/js/google-code-prettify/prettify.css b/docs/assets/js/google-code-prettify/prettify.css
index 7ff618550..e3bbf8b6c 100644
--- a/docs/assets/js/google-code-prettify/prettify.css
+++ b/docs/assets/js/google-code-prettify/prettify.css
@@ -2,10 +2,10 @@
 .lit { color: #195f91; }
 .pun, .opn, .clo { color: #93a1a1; }
 .fun { color: #dc322f; }
-.str, .atv { color: #62C462; }
-.kwd, .linenums .tag { color: #049CD9; }
-.typ, .atn, .dec, .var { color: #EE5F5B; }
-.pln { color: #93a1a1; }
+.str, .atv { color: #D14; }
+.kwd, .linenums .tag { color: #1e347b; }
+.typ, .atn, .dec, .var { color: teal; }
+.pln { color: #48484c; }
 pre.prettyprint {
   background-color: #fefbf3;
   padding: 9px;
@@ -17,8 +17,14 @@ pre.prettyprint {
   background-color: #252525;
 }
 
+pre.prettyprint {
+  padding: 8px;
+  background-color: #f7f7f9;
+  border: 1px solid #e1e1e8;
+}
+
 /* Specify class=linenums on a pre to get line numbering */
 ol.linenums { margin: 0 0 0 40px; } /* IE indents via margin-left */
-ol.linenums li { color: #444; line-height: 18px; }
+ol.linenums li { color: #bebec5; line-height: 18px; text-shadow: 0 1px 0 #fff; }
 /* Alternate shading for lines */
 li.L1, li.L3, li.L5, li.L7, li.L9 {  }
\ No newline at end of file
diff --git a/docs/base-css.html b/docs/base-css.html
index 399a41463..cbdf5ea19 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1044,6 +1044,20 @@
             
        Here's more help text
        
           
    
         
+        
    
+          
+          
    
+            
+            
+            
+          
    
+        
    
         
    
           
           
    
diff --git a/docs/components.html b/docs/components.html
index 5c25a98a4..5bafc5a60 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -227,27 +227,27 @@
 ================================================== -->
 
    
   
    
-    
    Side nav 
    
+    
    Side nav for lists of links
    
   
    
 
   
    
     
    
+      
    Examples
    
+      
    Side navs can be just links, links with headings, and links with icons.
    
       
    
-        
    Your account
    
         
+        
    Your account
    
+        
-      
    
-    
    
-    
    
-      
    
         
    Your account
    
         
       
    
     
    
+    
    
+      
    Why use it
    
+      
    
+    
    
+    
    
+      
    Markup
    
+      
    Marking up a side nav is at the core just writing an unordered list of links.
    
+
    +  <ul class="nav-group">
+    <li class="active">
+      <a class="nav-item" href="#">Home</a>
+    </li>
+    <li><a class="nav-item" href="#">Library</a></li>
+    <li><a class="nav-item" href="#">Help</a></li>
+  </ul>
+
    
+      
    Bootstrap also makes it easy to expand a regular list of links with multiple groups and headings.
    
+
    +  <h6 class="nav-label"></h6>
+  <ul class="nav-group">
+    ...
+  </ul>
+  <h6 class="nav-label"></h6>
+  <ul class="nav-group">
+    ...
+  </ul>
+
    
+    
    
   
    
   
 
    
@@ -267,10 +295,12 @@
   
    
     
    Navbar
    
   
    
-  
    
+  
    Static navbar example
    
+  
    An example of a static (not fixed to the top) navbar with project name, navigation, and search form.
    
+  
    
     
    
       
    
-        Project Name
+        Project name
         
    
 
   
    
-    
    
-      
    What is it
    
-      
    Our navbar is a fixed bar that houses a website’s logo or name, primary navigation, and search form.
    
-    
    
-    
    
-      
    Customizable
    
-      
    All elements within, and the entire navbar as well, are optional. You can choose to include a logo/name, nav, search, and a secondary nav—or any combination of that.
    
+    
    
+      
    Navbar scaffolding
    
+      
    The navbar requires only a few divs to structure it well for static or fixed display.
    
+
    +<div class="navbar navbar-static">
+  <div class="navbar-inner">
+    <div class="container" style="width: auto;">
+      ...
+    </div>
+  </div>
+</div>
+
    
+      
    To make the navbar fixed, swamp the .navbar-static class for .navbar-fixed. In your CSS, you will also need to account for the overlap it causes by adding padding-top: 40px; to your <body>.
    
+
    +<div class="navbar navbar-fixed">
+  ...
+</div>
+
    
+      
    
+      
    Brand name
    
+      
    A simple link to show your brand or project name only requires an anchor tag.
    
+
    +<a class="brand" href="#">
+  Project name
+</a>
+
    
+      
    
+      
    Search form
    
+      
    Search forms receive custom styles in the navbar with the .navbar-search class. Include .pull-left or .pull-right on the form to align it.
    
+
    +<form class="navbar-search">
+  <input type="text" class="search-query pull-left" placeholder="Search">
+</form>
+
    
     
    
     
    
-      
    Dropdowns included
    
-      
    As part of the main navigation, we’ve included the ability for you to add dropdowns to your nav. Check out the secondary nav above (right aligned) to see how it’s done. Dropdowns <li> tags also support .active for showing current page selection.
    
+      
    Nav links
    
+      
    Nav items are simple to add via unordered lists.
    
+
    +<ul class="nav">
+  <li class="active">
+    <a href="#">Home</a>
+  </li>
+  <li><a href="#">Link</a></li>
+  <li><a href="#">Link</a></li>
+</ul>
+
    
+      
    Adding dropdowns to the nav is super simple, but does require the use of our javascript plugin.
    
+
    +<ul class="nav">
+  <li class="dropdown">
+    <a href="#"
+          class="dropdown-toggle"
+          data-toggle="dropdown">
+          Account
+    </a>
+    <ul class="dropdown-menu">
+      ...
+    </ul>
+  </li>
+</ul>
+
    
     
    
   
    
-  
    Note: When using the navbar on any page, be sure to account for the overlap it causes by adding padding-top: 40px; to your <body>.
    
 
 
 
@@ -507,34 +587,39 @@
   
    
 
   
    
-    
    
-      
    Breadcrumb navigation is used as a way to show users where they are within an app or a site, but not for primary navigation.
    
-    
    
-    
    
+    
    
+      
    Why use them
    
+      
    Breadcrumb navigation is used as a way to show users where they are within an app or a site, but not for primary navigation. Keep their use sparse and succinct to be most effective.
    
+
+      
    Examples
    
+      
    A single example shown as it might be displayed across multiple pages.
    
       
      
         
    • Home
      • 
       
    
       
      
         
    • Home /
      • 
-        
    • Middle page
      • 
-      
    
-      
       
+    
    
+    
    
+      
    Markup
    
+      
    HTML is your standard unordered list with links.
    
 
     <ul class="breadcrumb">
-  <li><a href="#">Home</a> <span class="divider">/</span></li>
-  <li><a href="#">Middle page</a> <span class="divider">/</span></li>
-  <li><a href="#">Another one</a> <span class="divider">/</span></li>
-  <li class="active">You are here</li>
+  <li>
+    <a href="#">Home</a> <span class="divider">/</span>
+  </li>
+  <li>
+    <a href="#">Library</a> <span class="divider">/</span>
+  </li>
+  <li class="active">
+    <a href="#">Data</a>
+  </li>
 </ul>
 
    
     
    
@@ -545,13 +630,14 @@
 
 
 
+==================================================
+
+COMMENTED OUT AND NOT SUPPORTED AT THIS TIME.
+
 
    
   
    
     
    Step nav 
    
   
    
-
-  
   
    
     
    
       
    Placeholder for now!
    
@@ -571,8 +657,8 @@
       
    
     
    
   
    
-
 
    
+-->
 
 
 
@@ -682,6 +768,9 @@
 
     
    
   
    
+  
+  
    
+
   
   
    
     
    
diff --git a/docs/index.html b/docs/index.html
index 0d340fa1a..231ed2066 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -106,8 +106,8 @@
 
 
         
    
-          
    Built with Bootstrap
    
-          
    For even more sites built with Bootstrap, visit the unofficial Tumblr.
    
+          
    Built with Bootstrap.
    
+          
    For even more sites built with Bootstrap, visit the unofficial Tumblr.
    
           
 
-          
    Designed for everyone, everywhere
    
+          
    Designed for everyone, everywhere.
    
           
    
             
    
               
@@ -200,8 +200,40 @@
               
    Brought to you by an experienced engineer and designer.
    
             
    
           
    
-        
    
 
+
+          
+          
    Get started in no time.
    
+          
    Built for any skill level, Bootstrap fits your workflow and development process.
    
+          
    
     
       
    
   
    
+            
+              
+                
+                
+                
+              
+            
+          
    
+                  
    Hotlink the CSS
    
+                  
    For the quickest and easiest start, just copy this snippet into your webpage.
    
+                  
    
+                    
+                  
    
+                    		
+                  
    Use it with LESS
    
+                  
    A fan of using LESS? No problem, just clone the repo and add these lines:
    
+                  
    
+                    
+                  
    
+                    		
+                  
    Fork on GitHub
    
+                  
    Download, fork, pull, file issues, and more with the official Bootstrap repo on Github.
    
+                  
    Bootstrap on GitHub »
    
+                  
    Currently v2.0.0
    
+                
    
+        
    
       
    
 
 
diff --git a/docs/less.html b/docs/less.html
index 7d3efd296..05398e966 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -403,8 +403,8 @@
         
           Node with makefile
           
-            
    Install the less command line compiler with npm by running the following command:
    
-            
    $ npm install lessc
    
+            
    Install the LESS command line compiler with npm by running the following command:
    
+            
    $ npm install less
    
             
    Once installed just run make from the root of your bootstrap directory and you're all set.
    
             
    Additionally, if you have watchr installed, you may run make watch to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn't required, just a convenience method).
    
           
@@ -422,7 +422,7 @@
         
           Command line
           
-            
    If you already have the less command line tool installed, simply run the following command:
    
+            
    Install the LESS command line tool via Node and run the following command:
    
               
    $ lessc ./lib/bootstrap.less > bootstrap.css
    
             
    Be sure to include --compress in that command if you're trying to save some bytes!
    
           
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index 87394006b..bf42d4468 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -395,7 +395,6 @@
             
    Side nav
    
             
    Navbar
    
             
    Tabs and pills
    
-            
    Step nav
    
             
    Pagination
    
             
    Alerts and errors
    
             
    Modals
    
diff --git a/docs/upgrading.html b/docs/upgrading.html
index 7be1fd708..c84cba123 100644
--- a/docs/upgrading.html
+++ b/docs/upgrading.html
@@ -92,6 +92,9 @@
   
  • Typography
     
      
       
    • Right-aligned option for blockquotes if float: right;
      • 
+      
    • h4 elements were dropped from 16px to 14px with a default line-height of 18px
      • 
+      
    • h5 elements were dropped from 14px to 12px
      • 
+      
    • h6 elements were dropped from 13px to 11px
      • 
     
    
   
    • 
   
  • Buttons
-- 
cgit v1.2.3


From 36e7660383a7639f5d538efb7dc0f349e285b42d Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 7 Jan 2012 00:26:58 -0800
Subject: fix forms in navbars, fix examples' navbars

---
 docs/base-css.html | 1 +
 1 file changed, 1 insertion(+)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index cbdf5ea19..cc92bc221 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1102,6 +1102,7 @@
         
    
         
    Checkboxes and radios
    
         
    Up to v1.4, Bootstrap required extra markup around checkboxes and radios to stack them. Now, it's a simple matter of repeating the <label class="checkbox"> that wraps the <input type="checkbox">.
    
+        
    Inline checkboxes and radios are also supported. Just add .inline to any .checkbox or .radio and you're done.
    
       
    • 
     
    
   
    
-- 
cgit v1.2.3


From bcf1136f2c8236cd3fa28eac7e57a9a3fc17d104 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 7 Jan 2012 00:47:53 -0800
Subject: fix form field sizing for selects, document form field grid sizing

---
 docs/assets/css/docs.css | 6 +++++-
 docs/base-css.html       | 9 +++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 579baad7d..1180effd1 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -456,7 +456,11 @@ form.well {
   outline: 0;
 }
 
-
+/* For input sizes, make them display block */
+.docs-input-sizes input[type=text] {
+  display: block;
+  margin-bottom: 9px;
+}
 
 /* Icons
 ------------------------- */
diff --git a/docs/base-css.html b/docs/base-css.html
index cc92bc221..b8a6a2f8d 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1024,6 +1024,15 @@
     
    
       
    
         Extending form controls
+        
    
+          
+          
    
+            
+            
+            
+            
    Use the same .span* classes from the grid system for input sizes.
    
+          
    
+        
    
         
    
           
           
    
-- 
cgit v1.2.3


From d6a1402f2af5111e11a87a6029b642dc0b814854 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 7 Jan 2012 01:03:26 -0800
Subject: update form shadows and tweak prettyprint styles

---
 docs/assets/js/google-code-prettify/prettify.css | 18 +++++++++++++++---
 docs/base-css.html                               |  5 +++--
 2 files changed, 18 insertions(+), 5 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/js/google-code-prettify/prettify.css b/docs/assets/js/google-code-prettify/prettify.css
index e3bbf8b6c..c2031b594 100644
--- a/docs/assets/js/google-code-prettify/prettify.css
+++ b/docs/assets/js/google-code-prettify/prettify.css
@@ -21,10 +21,22 @@ pre.prettyprint {
   padding: 8px;
   background-color: #f7f7f9;
   border: 1px solid #e1e1e8;
+  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
 }
 
 /* Specify class=linenums on a pre to get line numbering */
-ol.linenums { margin: 0 0 0 40px; } /* IE indents via margin-left */
-ol.linenums li { color: #bebec5; line-height: 18px; text-shadow: 0 1px 0 #fff; }
+ol.linenums {
+  margin: 0 0 0 33px; /* IE indents via margin-left */
+} 
+ol.linenums li {
+  padding-left: 7px;
+  color: #bebec5;
+  line-height: 18px;
+  text-shadow: 0 1px 0 #fff;
+}
 /* Alternate shading for lines */
-li.L1, li.L3, li.L5, li.L7, li.L9 {  }
\ No newline at end of file
+li.L1, li.L3, li.L5, li.L7, li.L9 {
+  
+}
\ No newline at end of file
diff --git a/docs/base-css.html b/docs/base-css.html
index b8a6a2f8d..5ae1790f7 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1009,8 +1009,9 @@
         
    
         
    Form validation
    
         
    It also includes validation styles for errors, warnings, and success. To use, add the a class to the surrounding .control-group.
    
-
    -<fieldset class="control-group error">
+
    +<fieldset
+  class="control-group error">
   ...
 </fieldset>
 
    
-- 
cgit v1.2.3


From 45d671d97f4d448780729bbb6357e9ec776f980c Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 7 Jan 2012 01:22:52 -0800
Subject: tweak spacing once more on prettify; add support for uneditable
 inputs to input-append and prepend

---
 docs/assets/js/google-code-prettify/prettify.css | 2 +-
 docs/base-css.html                               | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/js/google-code-prettify/prettify.css b/docs/assets/js/google-code-prettify/prettify.css
index c2031b594..f195124a9 100644
--- a/docs/assets/js/google-code-prettify/prettify.css
+++ b/docs/assets/js/google-code-prettify/prettify.css
@@ -31,7 +31,7 @@ ol.linenums {
   margin: 0 0 0 33px; /* IE indents via margin-left */
 } 
 ol.linenums li {
-  padding-left: 7px;
+  padding-left: 12px;
   color: #bebec5;
   line-height: 18px;
   text-shadow: 0 1px 0 #fff;
diff --git a/docs/base-css.html b/docs/base-css.html
index 5ae1790f7..910ea10bb 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1039,7 +1039,7 @@
           
    
             
    
               @
-              
+              
             
    
             
    Here's some help text
    
           
    
@@ -1048,7 +1048,7 @@
           
           
    
             
    
-              
+              
               .00
             
    
             
    Here's more help text
    
-- 
cgit v1.2.3


From 5fb2c666acfd5e7d2f134d2cb5b65b828102c5a9 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 7 Jan 2012 01:59:53 -0800
Subject: update the fluid examples to use new classes and clear the floats
 properly from sidebar

---
 docs/upgrading.html | 5 +++++
 1 file changed, 5 insertions(+)

(limited to 'docs')

diff --git a/docs/upgrading.html b/docs/upgrading.html
index c84cba123..d22fa8c27 100644
--- a/docs/upgrading.html
+++ b/docs/upgrading.html
@@ -102,6 +102,11 @@
       
  • Added button bar options
    • 
     
   
+  
  • Examples
+    
      
+      
    • Fluid examples redone. .fluid-container now requires a .sidebar-left or .sidebar-right as well. Fluid sidebar element has a new class, .fluid-sidebar.
      • 
+    
    
+  
    • 
 
         
+          
    
+            Action
+            
+            
+          
         
+          
    
+            Danger
+            
+            
+          
    
+        
    
+        
    
+          
    
+            Success
+            
+            
+          
    
+          
    
+            Info
+            
+            
+          
    
+        
    
+      
     
+    
    
+    
    
+      
    Example markup
    
+      
    Similar to a button group, our markup uses regular button markup, but with a handful of additions to refine the style and support Bootstrap's dropdown jQuery plugin.
    
+
    +<div class="btn-group">
+  <a class="btn" href="#">Action</a>
+  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
+    <span class="caret"></span>
+  </a>
+  <ul class="dropdown-menu">
+    <!-- dropdown menu links -->
+  </ul>
+</div>
+
    
     
    
   
    
-    
 
 
 
@@ -1454,5 +1556,11 @@
     
     
     
+    
+    
   
 
diff --git a/docs/javascript.html b/docs/javascript.html
index 1cba7766f..4671dd6eb 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -274,7 +274,7 @@ $('#myModal').on('hidden', function () {
 <ul class="tabs">
   <li class="active"><a href="#">Home</a></li>
   <li id="secondary" class="dropdown">
-    <a href="#secondary" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>
+    <a href="#secondary" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
     <ul class="dropdown-menu">
       <li><a href="#">Secondary link</a></li>
       <li><a href="#">Something else here</a></li>
@@ -302,7 +302,7 @@ $('#myModal').on('hidden', function () {
                 
                 
      
                   
                   
+  
    • Dropdown menus
+    
        
+      
      • Updated the .dropdown-menu to tighten up spacing
        • 
+      
      • Now requires you to add a <span class="caret"></span> to show the dropdown arrow
        • 
+    
      
+  
      • 
 
    
 
 
 
+
+      
    
+        
    
+          
    Progress bars ... for indicating progress
    
+        
    
+        
    
+          
    
+            
    Basic bars
    
+            
    Default look of progress bars. Absolute minimum.
    
+          
    
+          
    
+            
    
+              
    
+            
    
+          
    
+        
    
+        
    
+          
    
+            
    Striped bars
    
+            
    Bars with stripes painted.
    
+          
    
+          
    
+            
    
+              
    
+            
    
+          
    
+        
    
+        
    
+          
    
+            
    Active state
    
+            
    Animated stripes! Not on Opera, though :(
    
+          
    
+          
    
+            
    
+              
    
+            
    
+          
    
+        
    
+      
    
+
       
       
    
diff --git a/docs/javascript.html b/docs/javascript.html
index 0aebf8609..7e10d63b9 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -23,6 +23,49 @@
     
     
 
+    
+    
+    
+
+    
+
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+
   
 
   
-- 
cgit v1.2.3


From 95c88a2953d6493050192f9c99c8e5597e591ac3 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 7 Jan 2012 04:40:32 -0800
Subject: scratch that, tweaking dropdowns in tabs

---
 docs/components.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/components.html b/docs/components.html
index 5bafc5a60..baeccd6ed 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -427,7 +427,7 @@
         
  • Settings
    • 
         
  • Contact
    • 
         
  • 
-          Dropdown
+          Dropdown 
           
      
             
    • Secondary link
      • 
             
    • Something else here
      • 
-- 
cgit v1.2.3


From fbb42ccbbbfcab985a2c588532511f4af324ebc1 Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Sat, 7 Jan 2012 10:56:00 -0800
Subject: update link to collapse plugin

---
 docs/javascript.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/javascript.html b/docs/javascript.html
index 1cba7766f..c20098085 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -869,7 +869,7 @@ $('#my-alert').bind('closed', function () {
       
      
         
      
           
      The collapse plugin offers simple, flexible collapsible element support for making accordions and other collapsible ui components.
      
-          Download
+          Download
         
      
         
      
           
      Using bootstrap-collapse.js
      
-- 
cgit v1.2.3


From a339f0051b21f9e51d47c3eb1fd7d37f126e87a0 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 7 Jan 2012 12:22:51 -0800
Subject: fixing tablesorter styles by adding the jquery plugin back to the
 lib, fixing the docs examples

---
 docs/assets/js/jquery.tablesorter.js | 3 +++
 docs/base-css.html                   | 4 +++-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 docs/assets/js/jquery.tablesorter.js

(limited to 'docs')

diff --git a/docs/assets/js/jquery.tablesorter.js b/docs/assets/js/jquery.tablesorter.js
new file mode 100644
index 000000000..8ca383e39
--- /dev/null
+++ b/docs/assets/js/jquery.tablesorter.js
@@ -0,0 +1,3 @@
+(function($){$.extend({tablesorter:new
+function(){var parsers=[],widgets=[];this.defaults={cssHeader:"header",cssAsc:"headerSortUp",cssDesc:"headerSortDown",cssChildRow:"expand-child",sortInitialOrder:"asc",sortMultiSortKey:"shiftKey",sortForce:null,sortAppend:null,sortLocaleCompare:true,textExtraction:"simple",parsers:{},widgets:[],widgetZebra:{css:["even","odd"]},headers:{},widthFixed:false,cancelSelection:true,sortList:[],headerList:[],dateFormat:"us",decimal:'/\.|\,/g',onRenderHeader:null,selectorHeaders:'thead th',debug:false};function benchmark(s,d){log(s+","+(new Date().getTime()-d.getTime())+"ms");}this.benchmark=benchmark;function log(s){if(typeof console!="undefined"&&typeof console.debug!="undefined"){console.log(s);}else{alert(s);}}function buildParserCache(table,$headers){if(table.config.debug){var parsersDebug="";}if(table.tBodies.length==0)return;var rows=table.tBodies[0].rows;if(rows[0]){var list=[],cells=rows[0].cells,l=cells.length;for(var i=0;i1){arr=arr.concat(checkCellColSpan(table,headerArr,row++));}else{if(table.tHead.length==1||(cell.rowSpan>1||!r[row+1])){arr.push(cell);}}}return arr;};function checkHeaderMetadata(cell){if(($.metadata)&&($(cell).metadata().sorter===false)){return true;};return false;}function checkHeaderOptions(table,i){if((table.config.headers[i])&&(table.config.headers[i].sorter===false)){return true;};return false;}function checkHeaderOptionsSortingLocked(table,i){if((table.config.headers[i])&&(table.config.headers[i].lockedOrder))return table.config.headers[i].lockedOrder;return false;}function applyWidget(table){var c=table.config.widgets;var l=c.length;for(var i=0;i');$("tr:first td",table.tBodies[0]).each(function(){colgroup.append($('').css('width',$(this).width()));});$(table).prepend(colgroup);};}function updateHeaderSortCount(table,sortList){var c=table.config,l=sortList.length;for(var i=0;i b["+i+"]) ? 1 : 0));";};function makeSortTextDesc(i){return"((b["+i+"] < a["+i+"]) ? -1 : ((b["+i+"] > a["+i+"]) ? 1 : 0));";};function makeSortNumeric(i){return"a["+i+"]-b["+i+"];";};function makeSortNumericDesc(i){return"b["+i+"]-a["+i+"];";};function sortText(a,b){if(table.config.sortLocaleCompare)return a.localeCompare(b);return((ab)?1:0));};function sortTextDesc(a,b){if(table.config.sortLocaleCompare)return b.localeCompare(a);return((ba)?1:0));};function sortNumeric(a,b){return a-b;};function sortNumericDesc(a,b){return b-a;};function getCachedSortType(parsers,i){return parsers[i].type;};this.construct=function(settings){return this.each(function(){if(!this.tHead||!this.tBodies)return;var $this,$document,$headers,cache,config,shiftDown=0,sortOrder;this.config={};config=$.extend(this.config,$.tablesorter.defaults,settings);$this=$(this);$.data(this,"tablesorter",config);$headers=buildHeaders(this);this.config.parsers=buildParserCache(this,$headers);cache=buildCache(this);var sortCSS=[config.cssDesc,config.cssAsc];fixColumnWidth(this);$headers.click(function(e){var totalRows=($this[0].tBodies[0]&&$this[0].tBodies[0].rows.length)||0;if(!this.sortDisabled&&totalRows>0){$this.trigger("sortStart");var $cell=$(this);var i=this.column;this.order=this.count++%2;if(this.lockedOrder)this.order=this.lockedOrder;if(!e[config.sortMultiSortKey]){config.sortList=[];if(config.sortForce!=null){var a=config.sortForce;for(var j=0;j0){$this.trigger("sorton",[config.sortList]);}applyWidget(this);});};this.addParser=function(parser){var l=parsers.length,a=true;for(var i=0;i
       
      How to use
      
       
      With v2.0.0, the <i> tag is essentially dedicated to iconography. To use the icons, you can place the follow code wherever you like one to appear:
      
-
      +
       <i class="chevron-left"></i>
 
      
       
      There are over 100 classes to choose from for your icons. Just add an <i> tag with the right class and you're set. You can find the full list in sprites.less or right here in this document.
      
@@ -1554,11 +1554,13 @@
     
     
     
+    
     
     
     
     
-- 
cgit v1.2.3


From 28420311d89fe2656320cee7306d01a361f1c3c7 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 7 Jan 2012 13:40:05 -0800
Subject: more table docs cleanup

---
 docs/base-css.html | 414 +++++++++++++++++++++++++++++++----------------------
 1 file changed, 244 insertions(+), 170 deletions(-)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index 47858fe10..c1cb3fd2d 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -556,211 +556,285 @@
     
   
 
+
   
      Example tables
      
+
   
      1. Default table styles
      
-  
      All tables will be automatically styled with only the essential borders to ensure readability and maintain structure. No need to add extra classes or attributes.
      
-  
-    
-      
-        
-        
-        
-        
-      
-    
-    
-      
-        
-        
-        
-        
-      
-      
-        
-        
-        
-        
-      
-      
-        
-        
-        
-        
-      
-    
-  
      #First NameLast NameLanguage
      1SomeOneEnglish
      2JoeSixpackEnglish
      3StuDentCode
      
+  
      
+    
      
+      
      Tables are automatically styled with only the a few borders to ensure readability and maintain structure. No classes are required.
      
 
       <table>
   ...
 </table>
      
+    
      
+    
      
+      
+        
+          
+            
+            
+            
+            
+          
+        
+        
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+        
+      
      #First NameLast NameLanguage
      1MarkOttoCSS
      2JacobThorntonJavascript
      3StuDentHTML
      
+    
      
+  
      
 
-  
      
 
   
      2. Striped table
      
-  
      Get a little fancy with your tables by adding zebra-striping—just add the .striped-table class.
      
-  
-    
-      
-        
-        
-        
-        
-      
-    
-    
-      
-        
-        
-        
-        
-      
-      
-        
-        
-        
-        
-      
-      
-        
-        
-        
-        
-      
-    
-  
      #First NameLast NameLanguage
      1SomeOneEnglish
      2JoeSixpackEnglish
      3StuDentCode
      
-  
      Note: Zebra-striping is a progressive enhancement not available for older browsers like IE8 and below.
      
-
      +  
      
+    
      
+      
      Get a little fancy with your tables by adding zebra-striping—just add the .striped-table class.
      
+      
      Note: Sprited tables use the :nth-child CSS selector and is not available in IE7-IE8.
      
+
       <table class="striped-table">
   ...
 </table>
      
+    
      
+    
      
+      
+        
+          
+            
+            
+            
+            
+          
+        
+        
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+        
+      
      #First NameLast NameLanguage
      1MarkOttoCSS
      2JacobThorntonJavascript
      3StuDentHTML
      
+    
      
+  
      
 
-  
      
 
   
      3. Bordered table
      
-  
      Add borders around the entire table and between each row, plus a bit of rounded corners for aesthetic purposes.
      
-  
-    
-      
-        
-        
-        
-        
-      
-    
-    
-      
-        
-        
-        
-      
-      
-        
-        
-        
-        
-      
-      
-        
-        
-        
-      
-      
-        
-        
-        
-        
-      
-    
-  
      #First NameLast NameLanguage
      1Some OneHTML
      2JoeSixpackJavascript
      3JoeSixpack
      3StuDentCSS
      
+  
      
+    
      
+      
      Add borders around the entire table and rounded corners for aesthetic purposes.
      
 
       <table class="bordered-table">
   ...
 </table>
      
+    
      
+    
      
+      
+        
+          
+            
+            
+            
+            
+          
+        
+        
+          
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+        
+      
      #First NameLast NameLanguage
      1Mark OttoCSS
      2JacobThorntonJavascript
      3StuDent
      3BrosefStalinHTML
      
+    
      
+  
      
 
-  
      
 
   
      4. Condensed table
      
-  
      Make your tables more compact by adding the .condensed-table class to cut table cell padding in half (from 10px to 5px).
      
-  
-    
-      
-        
-        
-        
-        
-      
-    
-    
-      
-        
-        
-        
-        
-      
-      
-        
-        
-        
-        
-      
-      
-        
-        
-        
-        
-      
-    
-  
      #First NameLast NameLanguage
      1SomeOneEnglish
      2JoeSixpackEnglish
      3StuDentCode
      
-
      +  
      
+    
      
+      
      Make your tables more compact by adding the .condensed-table class to cut table cell padding in half (from 10px to 5px).
      
+
       <table class="condensed-table">
   ...
 </table>
      
+    
      
+    
      
+      
+        
+          
+            
+            
+            
+            
+          
+        
+        
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+        
+      
      #First NameLast NameLanguage
      1MarkOttoCSS
      2JacobThorntonJavascript
      3StuDentHTML
      
+    
      
+  
      
+
 
-  
      
 
   
      5. Striped table w/ TableSorter.js
      
-  
      Taking the previous example, we improve the usefulness of our tables by providing sorting functionality via jQuery and the Tablesorter plugin. Click any column’s header to change the sort.
      
-  
-    
-      
-        
-        
-        
-        
-      
-    
-    
-      
-        
-        
-        
-        
-      
-      
-        
-        
-        
-        
-      
-      
-        
-        
-        
-        
-      
-    
-  
      #First NameLast NameLanguage
      1YourOneEnglish
      2JoeSixpackEnglish
      3StuDentCode
      
+  
      
+    
      
+      
      Include the jQuery Tablesorter plugin and automaically get clear styles for sorted columns.
      
 
      -<script src="js/jquery/jquery.tablesorter.min.js"></script>
+<script src="jquery.tablesorter.js"></script>
 <script >
   $(function() {
-    $("table#sortTableExample").tablesorter({ sortList: [[1,0]] });
+    $("table#sortTableExample")
+    .tablesorter({
+      sortList: [[1,0]]
+    });
   });
 </script>
 <table class="striped-table">
   ...
 </table>
      
-
+    
      
+    
      
+      
+        
+          
+            
+            
+            
+            
+          
+        
+        
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+        
+      
      #First NameLast NameLanguage
      1MarkOttoCSS
      2JacobThorntonJavascript
      3StuDentHTML
      4BrosefStalinHTML
      
+      
      Styles for the Tablesorter, zebra striping, borders, and condensing may all compound in any variation to fit your needs.
      
+      
+        
+          
+            
+            
+            
+            
+          
+        
+        
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+        
+      
      #First NameLast NameLanguage
      1MarkOttoCSS
      2JacobThorntonJavascript
      3StuDentHTML
      4BrosefStalinHTML
      
+    
      
+  
      
 
 
 
@@ -1560,7 +1634,7 @@
     
     
-- 
cgit v1.2.3


From 1438b14f74fc30c3b9bd63bd54d3bcfe5ce33c3c Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 7 Jan 2012 15:52:57 -0800
Subject: overhauled docs to include example markup, add language around
 browser support and classes

---
 docs/components.html | 81 ++++++++++++++++++++++++++++++++++++++--------------
 1 file changed, 60 insertions(+), 21 deletions(-)

(limited to 'docs')

diff --git a/docs/components.html b/docs/components.html
index 8be1f824a..ce16c8092 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -929,43 +929,82 @@ Lorem ipsum dolar sit amet illo error ipsum verit
 ================================================== -->
       
      
         
      
-          
      Progress bars ... for indicating progress
      
+          
      Progress bars For loading, redirecting, or action status
      
         
      
+
+        
      Examples and markup
      
         
      
-          
      
-            
      Basic bars
      
-            
      Default look of progress bars. Absolute minimum.
      
-          
      
-          
      
+          
      
+            
      Basic
      
+            
      Default progress bar with a vertical gradient.
      
             
      
-              
      
+              
      
             
      
+
      +<div class="progress">
+  <div class="bar"
+       style="width: 60%;"></div>
+</div>
+
      
           
      
-        
      
-        
      
-          
      
-            
      Striped bars
      
-            
      Bars with stripes painted.
      
-          
      
-          
      
+          
      
+            
      Striped
      
+            
      Uses a gradient to create a striped effect.
      
             
      
               
      
             
      
+
      +<div class="progress info
+     striped">
+  <div class="bar"
+       style="width: 20%;"></div>
+</div>
+
      
           
      
-        
      
-        
      
-          
      
-            
      Active state
      
-            
      Animated stripes! Not on Opera, though :(
      
-          
      
-          
      
+          
      
+            
      Animated
      
+            
      Takes the striped example and animates it.
      
             
      
               
      
             
      
+
      +<div class="progress danger
+     striped active">
+  <div class="bar"
+       style="width: 40%;"></div>
+</div>
+
      
           
      
         
      
+
+        
      Options and browser support
      
+        
      
+          
      
+            
      Additional colors
      
+            
      Progress bars utilize some of the same classes as buttons and alert messages for quick styling.
      
+            
        
+              
      • .info
        • 
+              
      • .success
        • 
+              
      • .danger
        • 
+            
      
+            
      Alternatively, you can customize the LESS files and roll your own colors and sizes.
      
+          
      
+          
      
+            
      Behavior
      
+            
      Progress bars use CSS3 transitions, so if you dynamically adjust the width via javascript, it will smoothly resize.
      
+            
      If you use the .active class, your .striped progress bars will animate the stripes left to right.
      
+          
      
+          
      
+            
      Browser support
      
+            
      Progress bars use CSS3 gradients, transitions, and animations to achieve all theire effects. These features are not supported in IE7-8 or older versions of Firefox.
      
+            
      Opera does not support animations at this time.
      
+          
      
+        
      
+
       
      
 
+
+
       
       
      
-- 
cgit v1.2.3


From 4961aa8c2306b77dae2c0d5d54edc9d40b138217 Mon Sep 17 00:00:00 2001
From: Purwandi 
Date: Sun, 8 Jan 2012 08:17:54 +0700
Subject: Fix line number pretyprint in javascript docs

---
 docs/javascript.html | 1 -
 1 file changed, 1 deletion(-)

(limited to 'docs')

diff --git a/docs/javascript.html b/docs/javascript.html
index d19343675..ca9217674 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -38,7 +38,6 @@
     
 
     
-    
     
     
     
-- 
cgit v1.2.3


From 2948d1c3b247a5aff1fd1f15cf72540e3f492f57 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 7 Jan 2012 20:40:28 -0800
Subject: overhaul the entire tabs component structure and docs; remove side
 nav and make it a nav list to build on new .nav base class

---
 docs/assets/js/google-code-prettify/prettify.css |  14 +-
 docs/components.html                             | 837 ++++++++++++-----------
 docs/upgrading.html                              |   9 +
 3 files changed, 450 insertions(+), 410 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/js/google-code-prettify/prettify.css b/docs/assets/js/google-code-prettify/prettify.css
index f195124a9..0d54905fb 100644
--- a/docs/assets/js/google-code-prettify/prettify.css
+++ b/docs/assets/js/google-code-prettify/prettify.css
@@ -6,21 +6,13 @@
 .kwd, .linenums .tag { color: #1e347b; }
 .typ, .atn, .dec, .var { color: teal; }
 .pln { color: #48484c; }
-pre.prettyprint {
-  background-color: #fefbf3;
-  padding: 9px;
-  margin-bottom: 9px;
-}
-
-pre.prettyprint {
-  color: #ccc;
-  background-color: #252525;
-}
 
-pre.prettyprint {
+.prettyprint {
   padding: 8px;
   background-color: #f7f7f9;
   border: 1px solid #e1e1e8;
+}
+.prettyprint.linenums {
   -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
      -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
           box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
diff --git a/docs/components.html b/docs/components.html
index ce16c8092..eb9932473 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -54,397 +54,218 @@
       
 
 
-
-
      
+
      
   
      
-    
      Thumbnails Grids of images, videos, text, and more
      
+    
      Nav, tabs, and pills Highly customizable list-style navigation
      
   
      
 
+  
      Lightweight defaults Same markup, different classes
      
   
      
-    
      
-      
      Default thumbnails
      
-      
      By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.
      
-      
        
-        
      • 
-          
-            
-          
-        
        • 
-        
      • 
-          
-            
-          
-        
        • 
-        
      • 
-          
-            
-          
-        
        • 
-        
      • 
-          
-            
-          
-        
        • 
+    
        
+      
        Powerful base class
        
+      
        All nav components here—tabs, pills, and lists—share the same base markup and styles through the .nav class.
        
+      
        Why tabs and pills
        
+      
        Tabs and pills in Bootstrap are built on a <ul> with the same core HTML, a list of links. Swap between tabs or pills with only a class.
        
+      
        Both options are great for sub-sections of content or navigating between pages of related content.
        
+    
        
+    
        
+      
        Basic tabs
        
+      
        Take a regular <ul> of links and add .tabs:
        
+      
+
        +<ul class="nav tabs">
+  <li class="active">
+    <a href="#">Home</a>
+  </li>
+  <li><a href="#">...</a></li>
+  <li><a href="#">...</a></li>
+</ul>
+
        
     
        
-    
        
-      
        Highly customizable
        
-      
        With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.
        
-      
          
-        
        • 
-          
          
-            
-            
          
-              
          Thumbnail label
          
-              
          Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
          
-              
          Action Action
          
-            
          
-          
          
-        
          • 
-        
        • 
-          
          
-            
-            
          
-              
          Thumbnail label
          
-              
          Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
          
-              
          Action Action
          
-            
          
-          
          
-        
          • 
+    
          
+      
          Basic pills
          
+      
          Take that same HTML, but use .pills instead:
          
+      
+
          +<ul class="nav pills">
+  <li class="active">
+    <a href="#">Home</a>
+  </li>
+  <li><a href="#">...</a></li>
+  <li><a href="#">...</a></li>
+</ul>
+
          
     
          
   
        
 
+  
        Stackable Make tabs or pills vertical
        
   
        
     
        
-      
        Why use thumbnails
        
-      
        Thumbnails (previously .media-grid up until v1.4) are great for grids of photos or videos, image search results, retail products, portfolios, and much more. They can be links or static content.
        
+      
        How to stack 'em
        
+      
        As tabs and pills are horizontal by default, just add a second class, .stacked, to make them appear vertically stacked.
        
     
        
     
        
-      
        Simple, flexible markup
        
-      
        Thumbnail markup is simple—a ul with any number of li elements is all that is required. It's also super flexible, allowing for any type of content with just a bit more markup to wrap your contents.
        
-    
        
-    
        
-      
        Uses grid column sizes
        
-      
        Lastly, the thumbnails component uses existing grid system classes—like .span2 or .span3—for control of thumbnail dimensions.
        
-    
        
-  
        
-
-  
        
-    
        
-      
        The markup
        
-      
        As mentioned previously, the required markup for thumbnails is light and straightforward. Here's a look at the default setup for linked images:
        
+      
        Stacked tabs
        
+      
 
        -<ul class="thumbnails">
-  <li class="span3">
-    <a href="#" class="thumbnail">
-      <img src="http://placehold.it/210x150" alt="">
-    </a>
-  </li>
+<ul class="nav tabs stacked">
   ...
 </ul>
 
        
-      
        For custom HTML content in thumbnails, the markup changes slightly. To allow block level content anywhere, we swap the <a> for a <div> like so:
        
+    
        
+    
        
+      
        Stacked pills
        
+      
 
        -<ul class="thumbnails">
-  <li class="span3">
-    <div class="thumbnail">
-      <img src="http://placehold.it/210x150" alt="">
-      <h5>Thumbnail label</h5>
-      <p>Thumbnail caption right here...</p>
-    </div>
-  </li>
+<ul class="nav pills stacked">
   ...
 </ul>
 
        
     
        
-    
        
-      
        More examples
        
-      
        Explore all your options with the various grid classes available to you. You can also mix and match different sizes.
        
-      
-    
        
-  
        
-
-
      
-
-
-
-
-
      
-  
      
-    
      Autocomplete 
      
-  
      
-
-
      
-
-
-
-
-
-
-
-
-
-
      
-  
      
-    
      Side nav for lists of links
      
   
      
 
+  
      Dropdowns For advanced nav components
      
   
      
-    
      
-      
      Examples
      
-      
      Side navs can be just links, links with headings, and links with icons.
      
-      
      
-        
-        
      Your account
      
-        
-        
      Your account
      
-        
-      
      
-    
      
-    
      
-      
      Why use it
      
-      
      
+    
      
+      
      Rich menus made easy
      
+      
      Dropdown menus in Bootstrap tabs and pills are super easy and require only a little extra HTML and a lightweight jQuery plugin.
      
+      
      Head over to the Javascript page to read the docs on initializing dropdowns in Bootstrap.
      
     
      
-    
      
-      
      Markup
      
-      
      Marking up a side nav is at the core just writing an unordered list of links.
      
+    
      
+      
      Tabs with dropdowns
      
+      
 
      -  <ul class="nav-group">
-    <li class="active">
-      <a class="nav-item" href="#">Home</a>
-    </li>
-    <li><a class="nav-item" href="#">Library</a></li>
-    <li><a class="nav-item" href="#">Help</a></li>
-  </ul>
+<ul class="nav tabs">
+  <li class="dropdown">
+    <a class="dropdown-toggle" 
+       data-toggle="dropdown"
+       href="#">
+        Dropdown
+        <b class="caret"></b>
+      </a>
+    <ul class="dropdown-menu">
+      <!-- links -->
+    </ul>
+  </li>
+</ul>
 
      
-      
      Bootstrap also makes it easy to expand a regular list of links with multiple groups and headings.
      
+    
      
+    
      
+      
      Pills with dropdowns
      
+      
 
      -  <h6 class="nav-label"></h6>
-  <ul class="nav-group">
-    ...
-  </ul>
-  <h6 class="nav-label"></h6>
-  <ul class="nav-group">
-    ...
-  </ul>
+<ul class="nav pills">
+  <li class="dropdown">
+    <a class="dropdown-toggle" 
+       data-toggle="dropdown"
+       href="#">
+        Dropdown
+        <b class="caret"></b>
+      </a>
+    <ul class="dropdown-menu">
+      <!-- links -->
+    </ul>
+  </li>
+</ul>
 
      
     
      
   
      
-  
-
      
 
-
-
-
-
 
 
 
-
-
      
-  
      
-    
      Tabs and pills 
      
-  
      
 
-  
      
-    
      
-      
      Create simple secondary navigation with a <ul>. Swap between tabs or pills by adding the appropriate class.
      
-      
      Great for sub-sections of content like our account settings pages and user timelines for toggling between pages of like content. Available in tabbed or pill styles.
      
-    
      
-    
      
-      
      Basic tabs example
      
-      
      Tabs can be used as regular navigation (loading external pages in the same tab) or as tabbable content areas for swapping out panes of content. We have a tabs plugin that can be used to integrate the latter.
      
-      
-
      -<ul class="tabs">
-  <li class="active"><a href="#">Home</a></li>
-  <li><a href="#">Profile</a></li>
-  <li><a href="#">Messages</a></li>
-  <li><a href="#">Settings</a></li>
-  <li><a href="#">Contact</a></li>
-</ul>
-
      
+
+
+
+
+
       
      Tabbable tabs
      
       
      As mentioned above, you can bring your tabs to life with a simple plugin. Here we have integrated all four variations of the tabs—default (top), right, bottom, left—with example tab areas.
      
 
@@ -543,37 +364,119 @@
         
    
       
    • 
 
-
-      
    In addition to tabs, we have pills! Though a bit more limited in functionality, they share much of the same markup.
    
-      
    
-      
    Basic pills example
    
-      
+
+
+
+
+
+
    
 
 
 
@@ -629,39 +532,6 @@
 
 
 
-
-
-
-
 
 
    
+  
    
 
-       
    
-        
    
-          
    
-            
-            
    
-              
    
-                
    Section 1
    
-                
    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.
    
-              
    
-              
    
-                
    Section 2
    
-                
    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.
    
-              
    
-              
    
-                
    Section 3
    
-                
    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.
    
-              
    
-            
    
+  
    Tabbable in any direction
    
+  
    
+   
+    
    
+      
    Tabs on the bottom
    
+      
    Flip the order of the HTML and add a class to put tabs on the bottom.
    
+      
    
+        
    
+          
    
+            
    I'm in Section A.
    
           
    
-        
    
-        
    
-          
    
-            
-            
    
-              
    
-                
    Section 1
    
-                
    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.
    
-              
    
-              
    
-                
    Section 2
    
-                
    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.
    
-              
    
-              
    
-                
    Section 3
    
-                
    Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.
    
-              
    
-            
    
+          
    
+            
    Howdy, I'm in Section B.
    
+          
    
+          
    
+            
    What up girl, this is Section C.
    
           
    
         
    
-      
    
-
-      
    
+        
+      
     
+    
    
+    
    
+      
    Tabs on the left
    
+      
    Swap the class to put tabs on the left.
    
+      
    
+        
         
    
-          
    
-            
    Oh hai #1!
    
-          
    
-          
    
-            
    Oh hai #2!
    
+          
    
+            
    I'm in Section A.
    
           
    
-          
    
-            
    Oh hai #3!
    
+          
    
+            
    Howdy, I'm in Section B.
    
           
    
-          
    
-            
    Oh hai #4!
    
+          
    
+            
    What up girl, this is Section C.
    
           
    
         
    
-        
     
+    
    
+    
    
+      
    Tabs on the right
    
+      
    Swap the class to put tabs on the right.
    
+      
    
+        
-      
    
+        
    
+          
    
+            
    I'm in Section A.
    
+          
    
+          
    
+            
    Howdy, I'm in Section B.
    
+          
    
+          
    
+            
    What up girl, this is Section C.
    
+          
    
+        
    
+      
     
+    
    
+  
    
 
 
 
-- 
cgit v1.2.3


From d170224457581b6ab7305b29b4e2a15cb50ab853 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 7 Jan 2012 23:21:40 -0800
Subject: fix progress bars by removing border and negative margins

---
 docs/components.html | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

(limited to 'docs')

diff --git a/docs/components.html b/docs/components.html
index 6fca1268f..bd8753401 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -346,6 +346,16 @@
           
  • Section 3
    • 
         
       
     
+
    +<div class="tabbable tabs-bottom">
+  <ul class="nav tabs">
+    ...
+  </ul>
+  <div class="tab-content">
+    ...
+  </div>
+</div>
+
    
     
    
     
    
       
    Tabs on the left
    
@@ -368,6 +378,16 @@
           
    
         
    
       
     
+
    +<div class="tabbable tabs-left">
+  <ul class="nav tabs">
+    ...
+  </ul>
+  <div class="tab-content">
+    ...
+  </div>
+</div>
+
    
     
    
     
    
       
    Tabs on the right
    
@@ -390,6 +410,16 @@
           
    
         
    
       
     
+
    +<div class="tabbable tabs-right">
+  <ul class="nav tabs">
+    ...
+  </ul>
+  <div class="tab-content">
+    ...
+  </div>
+</div>
+
    
     
    
   
    
 
-- 
cgit v1.2.3


From 4478df768168fe41599508688046612bf5f1e526 Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Sun, 8 Jan 2012 00:49:38 -0800
Subject: first pass at ultra basic autocomplete

---
 docs/javascript.html | 95 +++++++++++++++++++++++++++++-----------------------
 1 file changed, 53 insertions(+), 42 deletions(-)

(limited to 'docs')

diff --git a/docs/javascript.html b/docs/javascript.html
index dbf8d922a..1ea618a68 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -23,48 +23,6 @@
     
     
 
-    
-    
-    
-
-    
-
-    
-    
-    
-    
-    
-    
-    
-    
-    
-    
-    
-
   
 
   
@@ -163,6 +121,10 @@
               bootstrap-carousel.js
               A plugin for rotating through elements. A merry-go-round.
             
+            
+              bootstrap-typeahead.js
+              A basic, easily extended plugin for quickly creating elegant typeaheads.
+            
          
        
        
    Is javascript necessary?
    
@@ -1151,6 +1113,54 @@ $('.myCarousel').carousel({
       
    
     
 
+ 
+
+    
    
+      
    
+        
    Typeahead bootstrap-typeahead.js
    
+      
    
+      
    
+        
    
+          
    A basic, easily extended plugin for quickly creating elegant typeaheads.
    
+          Download
+        
    
+        
    
+          
    Using bootstrap-typeahead.js
    
+          
    $('.typeahead').typeahead()
    
+
+          
    Options
    
+          
+            
+             
+               
+               
+               
+               
+             
+            
+            
+             
+               
+               
+               
+               
+             
+            
+          
    Nametypedefaultdescription
    itemsnumber8The max number of items to display in the dropdown.
    
+
+          
    Markup
    
+          
    Add data attributes to register an element with typeahead functionality.
    
+
    +<input type="text" data-provide="typeahead" />
+
    
+          
    Demo
    
+          
+        
    
+      
    
+    
    
+
+
       
       
    
@@ -1178,6 +1188,7 @@ $('.myCarousel').carousel({
     
     
     
+    
     
     
     
     
-    
+    
     
   
 
diff --git a/docs/javascript.html b/docs/javascript.html
index 119066895..51f3d691e 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -54,7 +54,6 @@
       
 
 
-
       
       
    
@@ -63,61 +62,100 @@
         
    
       
    
         
    
-          
    Modals
    
-          
    A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.
    
+          
         
    
         
    
-          
    Dropdowns
    
-          
    Add dropdown menus to nearly anything in Bootstrap with this simple plugin. Bootstrap features full dropdown menu support on in the navbar, tabs, and pills.
    
+          
         
    
         
    
-          
    Scrollspy
    
-          
    Use scrollspy to automatically update the links in your navbar to show the current active link based on scroll position.
    
+          
         
    
         
    
-          
    Togglable tabs
    
-          
    Use this plugin to make tabs and pills more useful by allowing them to toggle through tabbable panes of local content.
    
+          
         
    
       
     
       
    
         
    
-          
    Twipsy tooltips
    
-          
    A new take on the jQuery Tipsy plugin, Twipsy uses CSS3 animations, data attributes for titles, and the new event API in jQuery 1.7.
    
+          
         
    
         
    
-          
    Popovers *
    
-          
    Add small overlays of content, like those on the iPad, to any element for housing secondary information.
    
-          
    * Requires Twipsy to be included
    
+          
         
    
         
    
-          
    Alert messages
    
-          
    The alert plugin is a tiny class for adding close functionality to alerts.
    
+          
         
    
         
    
-          
    Buttons
    
-          
    Do more with buttons. Control button states or create groups of buttons for more components like toolbars.
    
+          
         
    
       
     
       
    
         
    
-          
    Collapse
    
-          
    Get base styles and flexible support for collapsible components like accordions and navigation.
    
+          
         
    
         
    
-          
    Carousel
    
-          
    Create a merry-go-round of any content you wish to provide an interactive slideshow of content.
    
+          
         
    
         
    
-          
    Typeahead
    
-          
    A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.
    
+          
         
    
         
    
-          
    Transitions *
    
-          
    For simple transition effects, include bootstrap-transition.js once to slide in modals or fade out alert messages.
    
-          
    * Required for animation in plugins
    
+          
         
    
       
     
+      
    
+        
    
+          
+        
    
+      
    
       
    
+      Select/Unselect All Plugins
       
    Note: All plugins require the latest version of jQuery to be included.
    
     
 
@@ -169,8 +207,8 @@
               
    Popover in a modal
    
               
    This button should trigger a popover on hover.
    
 
-              
    Twipsy tooltips in a modal
    
-              
    This link and that link should have Twipsy tooltips on hover.
    
+              
    Tooltips in a modal
    
+              
    This link and that link should have tooltips on hover.
    
             
    
             
    
               Save changes
@@ -596,30 +634,29 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
     
 
 
-
-    
-    
    
+    
    
       
    
-        
    Twipsy bootstrap-twipsy.js
    
+        
    Tooltips bootstrap-tooltip.js
    
       
    
       
    
         
    
-          
    About Twipsy tooltips
    
-          
    Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; twipsy is an updated version, which doesn't rely on images, uses css3 for animations, data-attributes for local title storage, and now jquery 1.7's new event api!
    
-          Download file
+          
    About Tooltips
    
+          
    Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, uss css3 for animations, and data-attributes for local title storage.
    
+          Download file
         
    
         
    
-          
    Example use of Twipsy
    
+          
    Example use of Tooltips
    
           
    Hover over the links below to see tooltips:
    
-          
    
-            
    Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.
+          
    
+            
    Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.
             
    
           
    
           
    
-          
    Using bootstrap-twipsy.js
    
-          
    Trigger the Twipsy tooltips via javascript:
    
-          
    $('#example').twipsy(options)
    
+          
    Using bootstrap-tooltip.js
    
+          
    Trigger the tooltip via javascript:
    
+          
    $('#example').tooltip(options)
    
           
    Options
    
           
@@ -647,7 +684,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
                
-               
+               
@@ -673,18 +710,18 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
              
    
             
    selector
                string
                falseIf a selector is provided, twipsy objects will be delegated to the specified targets.If a selector is provided, tooltip objects will be delegated to the specified targets.
              
    
              
    
                title
    
             
           
    
-          
    Notice Individual twipsy instance options can alternatively be specified through the use of data attributes.
    
+          
    Notice Individual tooltip instance options can alternatively be specified through the use of data attributes.
    
           
    Markup
    
-          
    For performance reasons, the Twipsy and Popover data-apis are opt in. If you would like to use them just specify a selector option.
    
+          
    For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.
    
           
    Methods
    
-          
    $().twipsy(options)
    
-          
    Attaches a twipsy handler to an element collection.
    
-          
    .twipsy('show')
    
-          
    Reveals an elements twipsy.
    
-          
    $('#element').twipsy('show')
    
-          
    .twipsy('hide')
    
-          
    Hides an elements twipsy.
    
-          
    $('#element').twipsy('hide')
    
+          
    $().tooltip(options)
    
+          
    Attaches a tooltip handler to an element collection.
    
+          
    .tooltip('show')
    
+          
    Reveals an elements tooltip.
    
+          
    $('#element').tooltip('show')
    
+          
    .tooltip('hide')
    
+          
    Hides an elements tooltip.
    
+          
    $('#element').tooltip('hide')
    
         
    
       
    
     
    
@@ -701,7 +738,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
         
    
           
    About popovers
    
           
    Add small overlays of content, like those on the iPad, to any element for housing secondary information.
    
-          
    * Requires Twipsy to be included
    
+          
    * Requires Tooltip to be included
    
           Download file
         
    
         
    
@@ -741,7 +778,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
                selector
                string
                false
-               if a selector is provided, twipsy objects will be delegated to the specified targets
+               if a selector is provided, tooltip objects will be delegated to the specified targets
              
              
                trigger
@@ -776,7 +813,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
           
    Notice Individual popover instance options can alternatively be specified through the use of data attributes.
    
           
    Markup
    
           
    
-          For performance reasons, the Twipsy and Popover data-apis are opt in. If you would like to use them just specify a the selector option.
+          For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a the selector option.
           
    
           
    Methods
    
           
    $().popover(options)
    
@@ -1302,7 +1339,7 @@ $('#myCollapsible').on('hidden', function () {
     
     
     
-    
+    
     
     
     
@@ -1311,11 +1348,11 @@ $('#myCollapsible').on('hidden', function () {
     
     
     
     
-    
+    
     
 
   
-- 
cgit v1.2.3


From 1fa94bdbf47e592e8c51920bb9489ef760e04830 Mon Sep 17 00:00:00 2001
From: Davide Bellini 
Date: Thu, 12 Jan 2012 12:04:17 +0100
Subject: Fixed broken anchors on js docs page

---
 docs/javascript.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'docs')

diff --git a/docs/javascript.html b/docs/javascript.html
index 51f3d691e..0350103fa 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -528,7 +528,7 @@ $('#myModal').on('hidden', function () {
 
     
-    
    
+    
    
       
    
         
    Togglable tabs bootstrap-tab.js
    
       
    
@@ -832,7 +832,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
 
     
-    
    
+    
    
       
    
         
    Alert messages bootstrap-alert.js
    
       
    
@@ -901,7 +901,7 @@ $('#my-alert').bind('closed', function () {
 
     
-    
    
+    
    
       
    
         
    Buttons bootstrap-button.js
    
       
    
-- 
cgit v1.2.3


From 391248c0e3ba9b00b0b4a02e4d94475e9ae9877a Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Thu, 12 Jan 2012 15:29:16 -0800
Subject: nuke uber footer, bring back topbar dropdowns

---
 docs/base-css.html    |  70 +++++++++++++++++++++++++--
 docs/components.html  |  72 +++++++++++++++++++++++++---
 docs/index.html       |  71 +++++++++++++++++++++++++--
 docs/javascript.html  |  70 +++++++++++++++++++++++++--
 docs/less.html        |  70 +++++++++++++++++++++++++--
 docs/scaffolding.html | 130 +++++++++++++++++++++++++-------------------------
 docs/upgrading.html   |  70 +++++++++++++++++++++++++--
 7 files changed, 457 insertions(+), 96 deletions(-)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index 29f5d1d19..7f60580b4 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -34,11 +34,71 @@
           Bootstrap
           
         
    
       
    
diff --git a/docs/components.html b/docs/components.html
index 873bbf682..b9d75edbe 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -34,11 +34,71 @@
           Bootstrap
           
         
    
       
    
@@ -127,7 +187,7 @@
 
   
-  
    
+  
    
     
    
       
    Split button dropdowns Built on button groups to provide contextual menus
    
     
    
diff --git a/docs/index.html b/docs/index.html
index 8f7963afd..8d5448ce1 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -35,11 +35,71 @@
           Bootstrap
           
         
       
@@ -253,5 +313,6 @@
     
     
     
+    
   
 
diff --git a/docs/javascript.html b/docs/javascript.html
index 0350103fa..216bcdef5 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -35,11 +35,71 @@
           Bootstrap
           
         
       
diff --git a/docs/less.html b/docs/less.html
index 05398e966..cecf22da4 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -34,11 +34,71 @@
           Bootstrap
           
         
       
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index b868fd215..546a2755a 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -34,11 +34,71 @@
           Bootstrap
           
         
       
@@ -361,66 +421,6 @@
       
       
     
 
+    
+    
+    
+    
+    
+    
+
   
 
-- 
cgit v1.2.3


From fc053ac8b27611e3dc7fae769ce28f154250d50e Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Fri, 13 Jan 2012 10:07:56 -0800
Subject: update dropdowns spacing and docs section spacing

---
 docs/assets/css/docs.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 134224e56..ca1c5cb83 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -35,8 +35,11 @@ body > .navbar-fixed .brand:hover {
 
 /* Space out sub-sections more
 -------------------------------------------------- */
+section {
+  padding-top: 60px;
+}
 .page-header {
-  margin: 45px 0 18px;
+  margin: 18px 0;
   border-bottom: 1px solid #eee;
 }
 .page-header h1 {
-- 
cgit v1.2.3


From a4b107bf879d47db0a6e036814f5aeee4316d36c Mon Sep 17 00:00:00 2001
From: Chris Gunther 
Date: Sat, 14 Jan 2012 15:15:24 -0500
Subject: fix navbar links to scaffolding > grid system

---
 docs/base-css.html    | 4 ++--
 docs/components.html  | 2 +-
 docs/index.html       | 2 +-
 docs/javascript.html  | 2 +-
 docs/less.html        | 2 +-
 docs/scaffolding.html | 2 +-
 docs/upgrading.html   | 2 +-
 7 files changed, 8 insertions(+), 8 deletions(-)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index 9491f40aa..3ad403ecd 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -40,7 +40,7 @@
                 
               
               
@@ -928,7 +928,7 @@
       
    States like error, warning, and success are included for each type of form control. Also included are styles for disabled controls.
    
     
   
-  
+
   
    Four types of forms
    
   
    Bootstrap provides simple markup and styles for four styles of common web forms.
    
   
diff --git a/docs/components.html b/docs/components.html
index fa3dc5a20..55a007f90 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -40,7 +40,7 @@
                 
diff --git a/docs/index.html b/docs/index.html
index 5d8e61ded..fc1eb498c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -41,7 +41,7 @@
                 
diff --git a/docs/javascript.html b/docs/javascript.html
index 58cc13e8c..ce47c1974 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -41,7 +41,7 @@
                 
diff --git a/docs/less.html b/docs/less.html
index 8831ce094..d99a7903e 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -40,7 +40,7 @@
                 
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index 57b90d096..145dd5584 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -40,7 +40,7 @@
                 
diff --git a/docs/upgrading.html b/docs/upgrading.html
index 376aae856..1b4864ec7 100644
--- a/docs/upgrading.html
+++ b/docs/upgrading.html
@@ -40,7 +40,7 @@
                 
-- 
cgit v1.2.3


From f82fb2a1976060b2d0b71c3e6ad20f6d7a7772f7 Mon Sep 17 00:00:00 2001
From: Chris Gunther 
Date: Sat, 14 Jan 2012 15:18:59 -0500
Subject: fix navbar links to base CSS > typography

---
 docs/base-css.html    | 2 +-
 docs/components.html  | 2 +-
 docs/index.html       | 2 +-
 docs/javascript.html  | 2 +-
 docs/less.html        | 2 +-
 docs/scaffolding.html | 2 +-
 docs/upgrading.html   | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index 3ad403ecd..7d06ee5d1 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -51,7 +51,7 @@
                 
               
               
      
-                
    • Type
      • 
+                
    • Typography
      • 
                 
    • Tables
      • 
                 
    • Forms
      • 
                 
    • Buttons
      • 
diff --git a/docs/components.html b/docs/components.html
index 55a007f90..223f27584 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -51,7 +51,7 @@
                 
               
               
        
-                
      • Type
        • 
+                
      • Typography
        • 
                 
      • Tables
        • 
                 
      • Forms
        • 
                 
      • Buttons
        • 
diff --git a/docs/index.html b/docs/index.html
index fc1eb498c..8dd4935d5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -52,7 +52,7 @@
                 
               
               
          
-                
        • Type
          • 
+                
        • Typography
          • 
                 
        • Tables
          • 
                 
        • Forms
          • 
                 
        • Buttons
          • 
diff --git a/docs/javascript.html b/docs/javascript.html
index ce47c1974..424585611 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -52,7 +52,7 @@
                 
               
               
            
-                
          • Type
            • 
+                
          • Typography
            • 
                 
          • Tables
            • 
                 
          • Forms
            • 
                 
          • Buttons
            • 
diff --git a/docs/less.html b/docs/less.html
index d99a7903e..5b956f533 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -51,7 +51,7 @@
                 
               
               
              
-                
            • Type
              • 
+                
            • Typography
              • 
                 
            • Tables
              • 
                 
            • Forms
              • 
                 
            • Buttons
              • 
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index 145dd5584..4617629ae 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -51,7 +51,7 @@
                 
               
               
                
-                
              • Type
                • 
+                
              • Typography
                • 
                 
              • Tables
                • 
                 
              • Forms
                • 
                 
              • Buttons
                • 
diff --git a/docs/upgrading.html b/docs/upgrading.html
index 1b4864ec7..423c5be27 100644
--- a/docs/upgrading.html
+++ b/docs/upgrading.html
@@ -51,7 +51,7 @@
                 
               
               
                  
-                
                • Type
                  • 
+                
                • Typography
                  • 
                 
                • Tables
                  • 
                 
                • Forms
                  • 
                 
                • Buttons
                  • 
-- 
cgit v1.2.3


From b723db1e42b6450acdc02ee8086da51ac16fcef6 Mon Sep 17 00:00:00 2001
From: Chris Gunther 
Date: Sat, 14 Jan 2012 15:21:09 -0500
Subject: fix section ID for pagination

---
 docs/components.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/components.html b/docs/components.html
index 223f27584..e11a7decf 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -844,7 +844,7 @@
 
 
-
                
             
             
              • 
diff --git a/docs/components.html b/docs/components.html
index 0d564cd66..8c91a101f 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -72,6 +72,7 @@
                 
              • Pagination
                • 
                 
              • Thumbnails
                • 
                 
              • Alert messages
                • 
+                
              • Progress bars
                • 
               
              
             
             
            • 
@@ -1159,7 +1160,7 @@
 
 
-      
              
+      
              
         
              
           
              Progress bars For loading, redirecting, or action status
              
         
              
diff --git a/docs/index.html b/docs/index.html
index 8dd4935d5..ffdac0b3f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -73,6 +73,7 @@
                 
            • Pagination
              • 
                 
            • Thumbnails
              • 
                 
            • Alert messages
              • 
+                
            • Progress bars
              • 
               
            
             
             
          • 
diff --git a/docs/javascript.html b/docs/javascript.html
index 424585611..afe9c329e 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -73,6 +73,7 @@
                 
          • Pagination
            • 
                 
          • Thumbnails
            • 
                 
          • Alert messages
            • 
+                
          • Progress bars
            • 
               
          
             
             
        • 
diff --git a/docs/less.html b/docs/less.html
index 5b956f533..f3bfa3059 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -72,6 +72,7 @@
                 
        • Pagination
          • 
                 
        • Thumbnails
          • 
                 
        • Alert messages
          • 
+                
        • Progress bars
          • 
               
        
             
             
      • 
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index 4617629ae..b2b4b5647 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -72,6 +72,7 @@
                 
      • Pagination
        • 
                 
      • Thumbnails
        • 
                 
      • Alert messages
        • 
+                
      • Progress bars
        • 
               
      
             
             
    • 
diff --git a/docs/upgrading.html b/docs/upgrading.html
index 423c5be27..e1b9f204e 100644
--- a/docs/upgrading.html
+++ b/docs/upgrading.html
@@ -72,6 +72,7 @@
                 
    • Pagination
      • 
                 
    • Thumbnails
      • 
                 
    • Alert messages
      • 
+                
    • Progress bars
      • 
               
    
             
             
  • 
-- 
cgit v1.2.3


From f587e81b7d72e47b16bf808c721c3dfe45ae1062 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 14 Jan 2012 16:18:15 -0800
Subject: rewrite alert messages to use less code, combine the look of default
 and block messages, simplify docs

---
 docs/components.html | 131 +++++++++++++++++++++++----------------------------
 1 file changed, 60 insertions(+), 71 deletions(-)

(limited to 'docs')

diff --git a/docs/components.html b/docs/components.html
index fa3dc5a20..9fc987508 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -1058,101 +1058,90 @@
 ================================================== -->
 
    
   
    
-    
    Alerts & Errors Styles for success, warning, and error messages or alerts
    
+    
    Alerts Styles for success, warning, and error messages
    
   
    
-  
+
+  
    Lightweight defaults
    
   
    
-    
    
-      
    Basic alerts
    
-      
    .alert-message
    
-      
    One-line messages for highlighting the failure, possible failure, or success of an action. Particularly useful for forms.
    
-      
    Get the javascript »
    
+    
    
+      
    Rewritten base class
    
+      
    With Bootstrap 2, we've simplified the base class: .alert instead of .alert-message. We've also reduced the minimum required markup—no <p> is required by default, just the outter <div>.
    
+      
    Single alert message
    
+      
    For a more durable component with less code, we've removed the differentiating look for block alerts, messages that com with more padding and typically more text. The class also has changed to .block-alert.
    
+      
    
+      
    Goes great with javascript
    
+      
    Bootstrap comes with a great jQuery plugin that supports alert messages, making dismissing them quick and easy.
    
+      
    Get the plugin »
    
     
    
-    
    
-      
    
-        ×
-        
    Holy guacamole! Best check yo self, you’re not looking too good.
    
-      
    
-      
    
-        ×
-        
    Oh snap! Change this and that and try again.
    
-      
    
-      
    
+    
    
+      
    Example alerts
    
+      
    Wrap your message and an optional close icon in a div with simple class.
    
+      
    
         ×
-        
    Well done! You successfully read this alert message.
    
+        Warning! Best check yo self, you’re not looking too good.
       
    
-      
    
+
    +<div class="alert">
+  <a class="close">×</a>
+  <strong>Warning!</strong> Best check yo self, you’re not looking too good.
+</div>
+
    
+      
    Easily extend the standard alert message with two optional classes: .block-alert for more padding and text controls and .alert-heading for a matching heading.
    
+      
    
         ×
-        
    Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.
    
+        
    Warning!
    
+        
    Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
    
       
    
-
-      
    Example code
    
 
    -<div class="alert-message warning">
+<div class="alert block-alert">
   <a class="close">×</a>
-  <p><strong>Holy guacamole!</strong> Best check yo self, you’re not looking too good.</p>
+  <h4 class="alert-heading">Warning!</h4>
+  Best check yo self, you’re not...
 </div>
 
    
     
    
-  
    
-
-  
    
+  
    
 
-  
+  
    Contextual alternatives Add optional classes to change an alert's connotation
    
   
    
-    
    
-      
    Block messages
    
-      
    <div class="alert-message block-message">
    
-      
    For messages that require a bit of explanation, we have paragraph style alerts. These are perfect for bubbling up longer error messages, warning a user of a pending action, or just presenting information for more emphasis on the page.
    
-      
    Get the javascript »
    
-    
    
-    
    
-      
    
-        ×
-        
    Holy guacamole! This is a warning! Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
    
-        
    
-          Take this action Or do this
-        
    
-      
    
-      
    
+    
    
+      
    Error or danger
    
+      
    
         ×
-        
    Oh snap! You got an error! Change this and that and try again.
    
-        
      
-          
    • Duis mollis est non commodo luctus
      • 
-          
    • Nisi erat porttitor ligula
      • 
-          
    • Eget lacinia odio sem nec elit
      • 
-        
    
-        
    
-          Take this action Or do this
-        
    
+        Oh snap! Change a few things up and try submitting again.
       
    
-      
    
+
    +<div class="alert error-alert">
+  ...
+</div>
+
    
+    
    
+    
    
+      
    Success
    
+      
    
         ×
-        
    Well done! You successfully read this alert message. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus mollis interdum.
    
-        
    
-          Take this action Or do this
-        
    
+        Well done! You successfully read this important alert message.
       
    
-      
    
+
    +<div class="alert success-alert">
+  ...
+</div>
+
    
+    
    
+    
    
+      
    Information
    
+      
    
         ×
-        
    Heads up! This is an alert that needs your attention, but it’s not a huge priority just yet.
    
-        
    
-          Take this action Or do this
-        
    
+        Heads up! This alert needs your attention, but it’s not super important.
       
    
-
-      
    Example code
    
 
    -<div class="alert-message block-message warning">
-  <a class="close">×</a>
-  <p><strong>Holy guacamole! This is a warning!</strong> Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
-  <div class="alert-actions">
-    <a class="btn small" href="#">Take this action</a> <a class="btn small" href="#">Or do this</a>
-  </div>
+<div class="alert info-alert">
+  ...
 </div>
 
    
     
    
-  
    
+  
    
+
 
    
 
 
-- 
cgit v1.2.3


From 74c0fc17c826d3a16c1b3e45b71138c048f7d630 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 14 Jan 2012 16:56:47 -0800
Subject: fix duplicate icons

---
 docs/base-css.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index 79bbaa758..c851c84e9 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1439,7 +1439,7 @@
         
         
         
-        
+        
         
         
         
-- 
cgit v1.2.3


From 2c3365f99ef81e53d90593c45d10ebeb3426dea9 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 14 Jan 2012 17:16:46 -0800
Subject: allow btn-groups to work in navbars

---
 docs/index.html | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/index.html b/docs/index.html
index ffdac0b3f..a89e01c72 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -33,7 +33,7 @@
       
    
         
    
           Bootstrap
-          
    
       
    
     
-- 
cgit v1.2.3


From 1c6048bac2d305085f40324223c32e40bb9ea938 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 14 Jan 2012 19:17:48 -0800
Subject: restore top bar on home page

---
 docs/index.html | 13 +------------
 1 file changed, 1 insertion(+), 12 deletions(-)

(limited to 'docs')

diff --git a/docs/index.html b/docs/index.html
index a89e01c72..ffdac0b3f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -33,7 +33,7 @@
       
    
         
    
           Bootstrap
-          
    
       
    
     
-- 
cgit v1.2.3


From 6d916763f82be8c2d4f87842275170c12bea72ec Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 14 Jan 2012 20:54:37 -0800
Subject: adding the pager component after rewriting the pagination docs and
 css

---
 docs/components.html | 106 +++++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 85 insertions(+), 21 deletions(-)

(limited to 'docs')

diff --git a/docs/components.html b/docs/components.html
index f934ac68e..e88bd777c 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -847,63 +847,127 @@
 ================================================== -->
 
    
   
    
-    
    Pagination 
    
+    
    Pagination Two options for paging through content
    
   
    
 
+  
    Multi-page pagination
    
   
    
-    
    
-      
    Pagination
    
-      
    Ultra simplistic and minimally styled pagination inspired by Rdio. The large block is hard to miss, easily scalable, and provides large click areas.
    
+    
    
+      
    When to use
    
+      
    Ultra simplistic and minimally styled pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.
    
+      
    Stateful page links
    
+      
    Links are customizable and work in a number of circumstances with the right class. .disabled for unclickable links and .active for current page.
    
+      
    Flexible alignment
    
+      
    Add either of two optional classes to change the alignment of pagination links: .pagination-centered and .pagination-right.
    
     
    
-    
    
+    
    
+      
    Examples
    
+      
    The default pagination component is flexible and works in a number of variations.
    
       
       
+      
-      
+    
    
+      
    Markup
    
+      
    Wrapped in a <div>, pagination is just a <ul>.
    
 
     <div class="pagination">
   <ul>
-    <li class="prev disabled"><a href="#">&larr; Previous</a></li>
-    <li class="active"><a href="#">1</a></li>
+    <li><a href="#">Prev</a></li>
+    <li class="active">
+      <a href="#">1</a>
+    </li>
     <li><a href="#">2</a></li>
     <li><a href="#">3</a></li>
     <li><a href="#">4</a></li>
-    <li><a href="#">5</a></li>
-    <li class="next"><a href="#">Next &rarr;</a></li>
+    <li><a href="#">Next</a></li>
   </ul>
 </div>
 
    
     
    
   
    
 
+  
    Pager For quick previous and next links
    
+  
    
+    
    
+      
    About pager
    
+      
    The pager component is a set of links for simple pagination implemenations with light markup and even lighter styles. It's great for simple sites like blogs or magazines.
    
+    
    
+    
    
+      
    Default example
    
+      
    By default, the pager centers links.
    
+      
+
    +<ul class="pager">
+  <li>
+    <a href="#">Previous</a>
+  </li>
+  <li>
+    <a href="#">Next</a>
+  </li>
+</ul>
+
    
+    
    
+    
    
+      
    Aligned links
    
+      
    Alternatively, you can align each link to the sides:
    
+      
+
    +<ul class="pager">
+  <li>
+    <a href="#">&larr; Older</a>
+  </li>
+  <li>
+    <a href="#">Newer &rarr;</a>
+  </li>
+</ul>
+
    
+    
    
+  
    
 
    
 
 
-- 
cgit v1.2.3


From dab6d2b17cc2fd67c2462b5a5eb84eb58d9c72bc Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 14 Jan 2012 21:28:47 -0800
Subject: change up classes on tables and forms, fix nav list styles in example

---
 docs/assets/css/docs.css |  1 -
 docs/base-css.html       | 76 ++++++++++++++++++++++++------------------------
 docs/index.html          |  2 +-
 docs/javascript.html     | 24 +++++++--------
 docs/less.html           | 14 ++++-----
 docs/scaffolding.html    |  4 +--
 6 files changed, 60 insertions(+), 61 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index ca1c5cb83..2f45032f2 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -116,7 +116,6 @@ section {
 /* supporting docs pages */
 .subhead {
   padding-bottom: 14px;
-  margin-bottom: 45px;
   border-bottom: 3px solid #e5e5e5;
 }
 .subhead h1,
diff --git a/docs/base-css.html b/docs/base-css.html
index c851c84e9..ccc2216c6 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -150,7 +150,7 @@
 
   
   
    Emphasis, address, and abbreviation
    
-  
    • 
               
               
               
               
               
               
               
               
               
               
               
               
    
+  
    
@@ -237,7 +237,7 @@
 
   
    Blockquotes
    
-  
    
     
       
    
         Element
   
    
+  
    
@@ -383,7 +383,7 @@
   
    Code Inline and block
    
-  
    
     
       
    
         Element
 
   
    
+  
    
@@ -425,7 +425,7 @@
 
   
    Inline labels for special attention
    
-  
    
     
       
    
         Element
   
    
+  
    
@@ -490,7 +490,7 @@
   
    Table markup
    
     
    
-      
    
     
       
    
         Labels
   
    
+      
    
@@ -579,7 +579,7 @@
   
    Table options
    
-  
    
         
           
    
             Tag
 
   
    
+  
    
@@ -596,21 +596,21 @@
       
@@ -667,15 +667,15 @@
   
    2. Striped table
    
     
    
-      
    Get a little fancy with your tables by adding zebra-striping—just add the .striped-table class.
    
+      
    Get a little fancy with your tables by adding zebra-striping—just add the .table-striped class.
    
       
    Note: Sprited tables use the :nth-child CSS selector and is not available in IE7-IE8.
    
 
    -<table class="striped-table">
+<table class="table-striped">
   ...
 </table>
    
     
    
     
    
-      
    
   
       
    
         Name
    
         Bordered
         
-          .bordered-table
+          .table-bordered
         
         Rounds corners and adds outter border
       
    
       
    
         Zebra-stripe
         
-          .striped-table
+          .table-striped
         
         Adds light gray background color to odd rows (1, 3, 5, etc)
       
    
       
    
         Condensed
         
-          .condensed-table
+          .table-condensed
         
         Cuts vertical padding in half, from 8px to 4px, within all td and th elements
       
    
   
    
+      
    
@@ -714,12 +714,12 @@
     
    
       
    Add borders around the entire table and rounded corners for aesthetic purposes.
    
 
    -<table class="bordered-table">
+<table class="table-bordered">
   ...
 </table>
    
     
    
-      
    
         
           
    
             #
     
    
+      
    
@@ -760,14 +760,14 @@
   
    4. Condensed table
    
     
    
-      
    Make your tables more compact by adding the .condensed-table class to cut table cell padding in half (from 10px to 5px).
    
+      
    Make your tables more compact by adding the .table-condensed class to cut table cell padding in half (from 10px to 5px).
    
 
    -<table class="condensed-table">
+<table class="table-condensed">
   ...
 </table>
    
     
    
     
    
-      
    
         
           
    
             #
   
    
+      
    
@@ -816,12 +816,12 @@
     });
   });
 </script>
-<table class="striped-table">
+<table class="table-striped">
   ...
 </table>
    
-      
    
         
           
    
             #
     
     
    
+      
    
@@ -858,7 +858,7 @@
         
    
         
           
    
             #
       
    
       
    Styles for the Tablesorter, zebra striping, borders, and condensing may all compound in any variation to fit your needs.
    
-      
+      
    
@@ -932,7 +932,7 @@
 
   
    Four types of forms
    Bootstrap provides simple markup and styles for four styles of common web forms.
    
-  
    
         
           
    
             #
   
    
+  
    
@@ -948,17 +948,17 @@
       
-        
+        
-        
+        
-        
+        
@@ -981,16 +981,16 @@
     
    
       
    Search form
    
-      
    Reflecting default WebKit styles, just add .search-form for extra rounded search fields.
    
-      
    
+      
    Reflecting default WebKit styles, just add .form-search for extra rounded search fields.
    
+      
         
         
       
     
    
       
    Inline form
    
-      
    Inputs are block level to start. For .inline-form and .horizontal-form, we use inline-block.
    
-      
    
+      
    Inputs are block level to start. For .form-inline and .form-horizontal, we use inline-block.
    
+      
         
         
         
@@ -1003,7 +1003,7 @@
   
    Horizontal forms
    
   
    
     
    
-      
+      
         Controls Bootstrap supports
         
    
           
@@ -1087,7 +1087,7 @@
 
   
    
     
    
-      
+      
         Form control states
         
    
           
@@ -1158,7 +1158,7 @@
 
   
    
     
    
-      
+      
         Extending form controls
         
    
           
@@ -1259,7 +1259,7 @@
   
    
     
    Buttons
    
   
    
-  
    
     
       
    
         Name
    
       
    
         Horizontal.horizontal-form.form-horizontal
         Float left, right-aligned labels on same line as controls
       
    
       
    
         Inline.inline-form.form-inline
         Left-aligned label and inline-block controls for compact style
       
    
       
    
         Search.search-form.form-search
         Extra-rounded text input for a typical search aesthetic
       
    
     
     
     
    
+  
    
@@ -1517,13 +1517,13 @@
     
    
       
    Or, use them in navigation.
    
-      
    
-        
     
     
    
diff --git a/docs/index.html b/docs/index.html
index ffdac0b3f..cb924bae6 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -268,7 +268,7 @@
           ================================================== -->
           
    Get started in no time.
    Quickly start using Bootstrap within your workflow and development process.
    
-          
    
     
       
    
         Button
     
   
 
           
    
+          
    
@@ -369,11 +369,11 @@
           
    Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.
    <div>
   <h1>Heading</h1>
-  <p>Something right here...</p>
+  <p>Something right here…</p>
 </div>
    <div>
   <h1>Heading</h1>
-  <p>Something right here...</p>
+  <p>Something right here…</p>
 </div>
    Download google-code-prettify and view the readme for how to use.
    
@@ -521,14 +521,14 @@
 <table>
   <thead>
     <tr>
-      <th>...</th>
-      <th>...</th>
+      <th>…</th>
+      <th>…</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <td>...</td>
-      <td>...</td>
+      <td>…</td>
+      <td>…</td>
     </tr>
   </tbody>
 </table>
@@ -591,7 +591,7 @@
       
    Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the .table class is required.
     <table class="table">
-  ...
+  …
 </table>
    
@@ -636,7 +636,7 @@
       
    Note: Sprited tables use the :nth-child CSS selector and is not available in IE7-IE8.
    
 
     <table class="table table-striped">
-  ...
+  …
 </table>
    
     
    
@@ -680,7 +680,7 @@
       
    Add borders around the entire table and rounded corners for aesthetic purposes.
    
 
     <table class="table table-bordered">
-  ...
+  …
 </table>
    
     
    
@@ -725,10 +725,10 @@
   
    4. Condensed table
    
   
    
     
    
-      
    Make your tables more compact by adding the .table-condensed class to cut table cell padding in half (from 10px to 5px).
    
+      
    Make your tables more compact by adding the .table-condensed class to cut table cell padding in half (from 8px to 4px).
    
 
     <table class="table table-condensed">
-  ...
+  …
 </table>
    
     
    
     
    
@@ -770,7 +770,7 @@
   
    5. Striped table w/ TableSorter.js
    
   
    
     
    
-      
    Include the jQuery Tablesorter plugin and automaically get clear styles for sorted columns.
    
+      
    Include the jQuery Tablesorter plugin and automatically get clear styles for sorted columns.
    
 
     <script src="jquery.tablesorter.js"></script>
 <script >
@@ -782,7 +782,7 @@
   });
 </script>
 <table class="table table-striped">
-  ...
+  …
 </table>
    
     
    
     
    
@@ -937,7 +937,7 @@
       
    With v2.0, we have lighter and smarter defaults for form styles. No extra markup, just form controls.
    
       
    
         
-        
+        
         
@@ -1057,13 +1057,13 @@
         
    
           
           
    
-            
+            
           
    
         
    
         
    
           
           
    
-            
+            
           
    
         
    
         
    
@@ -1112,7 +1112,7 @@
 
     <fieldset
   class="control-group error">
-  ...
+  …
 </fieldset>
 
    
       
    
@@ -1296,7 +1296,8 @@
         Action
       
    
       
    
-         
+        
+        
       
    
     
    
   
    
-- 
cgit v1.2.3


From 72117c3f9751d9ccb7bebf76f8a5776c99a51857 Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Tue, 24 Jan 2012 13:57:44 -0800
Subject: add i18n for less.mustache

---
 docs/templates/pages/less.mustache | 138 ++++++++++++++++++-------------------
 1 file changed, 69 insertions(+), 69 deletions(-)

(limited to 'docs')

diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index 568e857be..d6376ae2f 100644
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -1,8 +1,8 @@
       
       
    
-        
    Using LESS with Bootstrap
    
-        
    Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.
    
+        
    {{_i}}Using LESS with Bootstrap{{/i}}
    
+        
    {{_i}}Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.{{/i}}
    
       
    
 
 
@@ -10,35 +10,35 @@
       
       
    
-        
    Built with LESS
    
+        
    {{_i}}Built with LESS{{/i}}
    
       
    
       
    
         
    
-          
    Why LESS?
    
-          
    Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.
    
+          
    {{_i}}Why LESS?{{/i}}
    
+          
    {{_i}}Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.{{/i}}
    
         
    
         
    
-          
    What's included?
    
-          
    As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.
    
+          
    {{_i}}What's included?{{/i}}
    
+          
    {{_i}}As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.{{/i}}
    
         
    
         
    
-          
    Learn more
    
+          
    {{_i}}Learn more{{/i}}
    
           LESS CSS
-          
    Visit the official website at http://lesscss.org to learn more.
    
+          
    {{_i}}Visit the official website at http://lesscss.org to learn more.{{/i}}
    
         
    
       
    
       
    
         
    
-          
    Variables
    
-          
    Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though—assign colors or pixel values as variables and change them once.
    
+          
    {{_i}}Variables{{/i}}
    
+          
    {{_i}}Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though—assign colors or pixel values as variables and change them once.{{/i}}
    
         
    
         
    
-          
    Mixins
    
-          
    Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.
    
+          
    {{_i}}Mixins{{/i}}
    
+          
    {{_i}}Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.{{/i}}
    
         
    
         
    
-          
    Operations
    
-          
    Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.
    
+          
    {{_i}}Operations{{/i}}
    
+          
    {{_i}}Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.{{/i}}
    
         
    
       
    
 
@@ -47,35 +47,35 @@
       
       
    
-        
    Variables from variables.less
    
+        
    {{_i}}Variables from variables.less{{/i}}
    
       
    
 
-          
    Hyperlinks
    
+          
    {{_i}}Hyperlinks{{/i}}
    
           
    
             
               
    
                 
diff --git a/docs/javascript.html b/docs/javascript.html
index afe9c329e..64159ede7 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -284,7 +284,7 @@
           
    Call the modal via javascript:
    
           
    $('#myModal').modal(options)
    
           
    Options
    
-          
+          
    
@@ -349,7 +349,7 @@ $('#myModal').modal({
           
    $('#myModal').modal('hide')
    Events
    Bootstrap's modal class exposes a few events for hooking into modal functionality. 
    
-          
    
             
              
    
                Name
           
           
    
+          
    
@@ -666,7 +666,7 @@ $('#myModal').on('hidden', function () {
 </script>
    Events
    
-          
    
             
              
    
                Event
           
           
    
+          
    
@@ -719,7 +719,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
           
    Trigger the tooltip via javascript:
    $('#example').tooltip(options)
    Options
    
-          
    
             
              
    
                Event
           
           
    
+          
    
@@ -813,7 +813,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
           
    Enable popovers via javascript:
    $('#example').popover(options)
    Options
    
-          
    
             
              
    
                Name
           
           
    
+          
    
@@ -932,7 +932,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
           
    $(".alert-message").alert('close')
    Events
    Bootstrap's alert class exposes a few events for hooking into alert functionality. 
    
-          
    
             
              
    
                Name
           
           
    
+          
    
@@ -975,7 +975,7 @@ $('#my-alert').bind('closed', function () {
         
    
           
    Example uses
    
           
    Use the buttons plugin for states and toggles.
    
-          
    
             
              
    
                Event
    
+          
    
@@ -1115,7 +1115,7 @@ $('#my-alert').bind('closed', function () {
           
    Enable via javascript:
    $(".collapse").collapse()
    Options
    
-          
    
             
              
    
                Stateful
           
           
    
+          
    
@@ -1165,7 +1165,7 @@ $('#myCollapsible').collapse({
           
    
             Bootstrap's collapse class exposes a few events for hooking into collapse functionality.
           
    
-          
    
             
              
    
                Name
    
+          
    
@@ -1251,7 +1251,7 @@ $('#myCollapsible').on('hidden', function () {
           
    Call via javascript:
    $('.carousel').carousel()
    Options
    
-          
    
             
              
    
                Event
           
           
    
+          
    
@@ -1300,7 +1300,7 @@ $('#myCollapsible').on('hidden', function () {
           
    Cycles to the next item.
    Events
    Bootstrap's modal class exposes a few events for hooking into modal functionality. 
    
-          
    
             
              
    
                Name
           
           
    
+          
    
@@ -1348,7 +1348,7 @@ $('#myCollapsible').on('hidden', function () {
           
    Call the typeahead via javascript:
    $('.typeahead').typeahead()
    Options
    
-          
    
             
              
    
                Event
           
           
    
+          
    
diff --git a/docs/less.html b/docs/less.html
index f3bfa3059..357f242b1 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -160,7 +160,7 @@
       
    Hyperlinks
    
-          
    
             
              
    
                Name
 
           
    
+          
    
@@ -185,7 +185,7 @@
       
    
         
    
           
    Grayscale colors
    
-          
    
             
               
    
                 Variable
    
+          
    
@@ -216,7 +216,7 @@
         
    
           
    Accent colors
    
-          
    
             
               
    
                 @black
         
    
+          
    
@@ -254,7 +254,7 @@
       
    
         
    
           
    Grid system
    
-          
    
             
               
    
                 @blue
    
+          
    
@@ -277,7 +277,7 @@
         
    
           
    Typography
    
-          
    
             
               
    
                 @gridColumns
         
    
+          
    
@@ -302,7 +302,7 @@
           
    Visuals
    
-          
    
             
               
    
                 @baseFontSize
         
         
    
+          
    
@@ -453,7 +453,7 @@
     
    Compiling Less
    After modifying the .less files in /lib/, you'll need to recompile them in order to regenerate the bootstrap-*.*.*.css and bootstrap-*.*.*.min.css files. If you're submitting a pull request to GitHub, you must always recompile.
    Ways to compile
    
-    
    
             
               
    
                 @primaryButtonColor
     
     
    
+    
    
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index b2b4b5647..eab6fedf5 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -223,7 +223,7 @@
   
    Grid customization
    
-  
    
       
         
    
           Method
 
   
    
+  
    
@@ -335,7 +335,7 @@
     
    
       
    Supported devices
    
       
    Bootstrap supports a handful of media queries to help make your projects more appropriate on different devices and screen resolutions. Here's what's included:
    
-      
    
     
       
    
         Variable
    
+      
    
-- 
cgit v1.2.3


From ed9903f797fa6d94789d05c234164bd378a1f3df Mon Sep 17 00:00:00 2001
From: Paul Kauders 
Date: Sun, 15 Jan 2012 07:46:25 -0600
Subject: Fix typo in Responsive design content

---
 docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/index.html b/docs/index.html
index cb924bae6..40ffce106 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -215,7 +215,7 @@
             
    
               
               
    Responsive design
    
-              
    With Bootstrap 2, we've gone fully responsive. Our components are scale according to a range of resolutions and devices to provide a consistent experience, no matter what.
    
+              
    With Bootstrap 2, we've gone fully responsive. Our components are scaled according to a range of resolutions and devices to provide a consistent experience, no matter what.
    
             
    
             
    
               
-- 
cgit v1.2.3


From 8ceea1f559fb432fc12df32153911de89caea36f Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sun, 15 Jan 2012 11:26:06 -0800
Subject: fix some ie7 bugs, improve dropdowns for ie due to lack of a shadow,
 fix pager example code

---
 docs/assets/css/docs.css | 20 +++++++++-----------
 docs/components.html     |  4 ++--
 docs/index.html          |  7 +++----
 3 files changed, 14 insertions(+), 17 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 2f45032f2..416b1830c 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -130,6 +130,7 @@ section {
 /* Quick links
 -------------------------------------------------- */
 .quick-links {
+  min-height: 30px;
   padding: 5px 20px;
   margin: 45px 0;
   list-style: none;
@@ -141,11 +142,11 @@ section {
   -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
      -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
           box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
+  overflow: hidden;
 }
 .quick-links li {
   display: inline;
   margin: 0 5px;
-  line-height: 30px;
 }
 .quick-links .divider {
   color: #999;
@@ -258,7 +259,7 @@ section {
       -ms-box-sizing: border-box; /* IE8 */
           box-sizing: border-box; /* CSS3 spec*/
   /* Hacks for IE7 to make this work just okay enough to function */
-  *width: 90%;
+  *width: 270px;
   *height: 24px;
 }
 
@@ -386,7 +387,7 @@ section {
 .popover-well .popover-menu-wrapper {
   height: 80px;
 }
-img.large-bird {
+.large-bird {
   margin: 5px 0 0 310px;
   opacity: .1;
 }
@@ -467,9 +468,6 @@ form.well {
 
 /* Icons
 ------------------------- */
-.the-icons {
-
-}
 .the-icons i {
   display: block;
   margin-bottom: 5px;
@@ -483,11 +481,11 @@ form.well {
   width: 100px;
 }
 
-#javascript input[type='checkbox'] {
-display: inline;
-margin-left: 6px;
-position: relative;
-top: -1px;
+#javascript input[type=checkbox] {
+  position: relative;
+  top: -1px;
+  display: inline;
+  margin-left: 6px;
 }
 
 
diff --git a/docs/components.html b/docs/components.html
index e88bd777c..83a024456 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -958,10 +958,10 @@
       
 
     <ul class="pager">
-  <li>
+  <li class="previous">
     <a href="#">&larr; Older</a>
   </li>
-  <li>
+  <li class="next">
     <a href="#">Newer &rarr;</a>
   </li>
 </ul>
diff --git a/docs/index.html b/docs/index.html
index cb924bae6..736352b43 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -119,7 +119,6 @@
             
    
               Download on GitHub
               Get started →
-              Currently v2.0.0
             
    
 
             
    
@@ -145,10 +144,10 @@
           
  • Changelog
    • 
           
  • ·
    • 
           
  • 
-            
+            
           
    • 
           
  • 
-            
+            
           
    • 
 
   
    Emphasis, address, and abbreviation
    
-  
    
         
           
    
             Label
    
+  
    
@@ -237,7 +237,7 @@
 
   
    Blockquotes
    
-  
    
     
       
    
         Element
   
    
+  
    
@@ -383,7 +383,7 @@
   
    Code Inline and block
    
-  
    
     
       
    
         Element
 
   
    
+  
    
@@ -425,7 +425,7 @@
 
   
    Inline labels for special attention
    
-  
    
     
       
    
         Element
   
    
+  
    
@@ -490,7 +490,7 @@
   
    Table markup
    
     
    
-      
    
     
       
    
         Labels
   
    
+      
    
@@ -579,7 +579,7 @@
   
    Table options
    
-  
    
         
           
    
             Tag
 
   
    
+  
    
@@ -591,6 +591,13 @@
       
+        
+      
+      
+        
+        
@@ -623,14 +630,14 @@
   
    1. Default table styles
    
     
    
-      
    Tables are automatically styled with only a few borders to ensure readability and maintain structure. No classes are required.
    
+      
    Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the .table class is required.
    
 
    -<table>
+<table class="table">
   ...
 </table>
    
     
    
     
    
-      
    
   
       
    
         Name
    
         Default
         NoneNo styles, just columns and rows
    Basic
+          .table
+        
         Only horizontal lines between rows
       
    
       
    
   
    
+      
    
@@ -670,12 +677,12 @@
       
    Get a little fancy with your tables by adding zebra-striping—just add the .table-striped class.
    Note: Sprited tables use the :nth-child CSS selector and is not available in IE7-IE8.
    -<table class="table-striped">
+<table class="table table-striped">
   ...
 </table>
    
-      
    
         
           
    
             #
       
 
     
     
    
+      
    
@@ -714,12 +721,12 @@
     
    
       
    Add borders around the entire table and rounded corners for aesthetic purposes.
    
 
    -<table class="table-bordered">
+<table class="table table-bordered">
   ...
 </table>
    
     
    
-      
    
         
           
    
             #
     
    
+      
    
@@ -762,12 +769,12 @@
     
    
       
    Make your tables more compact by adding the .table-condensed class to cut table cell padding in half (from 10px to 5px).
    
 
    -<table class="table-condensed">
+<table class="table table-condensed">
   ...
 </table>
    
     
    
-      
    
         
           
    
             #
     
    
+      
    
@@ -816,12 +823,12 @@
     });
   });
 </script>
-<table class="table-striped">
+<table class="table table-striped">
   ...
 </table>
    
-      
    
         
           
    
             #
     
     
    
+      
    
@@ -858,7 +865,7 @@
         
    
         
           
    
             #
       
    
       
    Styles for the Tablesorter, zebra striping, borders, and condensing may all compound in any variation to fit your needs.
    
-      
+      
    
@@ -932,7 +939,7 @@
 
   
    Four types of forms
    Bootstrap provides simple markup and styles for four styles of common web forms.
    
-  
    
         
           
    
             #
   
    
+  
    
@@ -1259,7 +1266,7 @@
   
    
     
    Buttons
    
   
    
-  
    
     
       
    
         Name
    
+  
    
diff --git a/docs/index.html b/docs/index.html
index c30417c8f..ce56a04ef 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -267,7 +267,7 @@
           ================================================== -->
           
    Get started in no time.
    Quickly start using Bootstrap within your workflow and development process.
    
-          
    
     
       
    
         Button
           
    
+          
    
-            
-            
-            
+            
+            
+            
@@ -569,14 +569,14 @@
   
 
 
-  
    2. Striped table
    
+  
    2. {{_i}}Striped table{{/i}}
    
     
    
-      
    Get a little fancy with your tables by adding zebra-striping—just add the .table-striped class.
    
-      
    Note: Sprited tables use the :nth-child CSS selector and is not available in IE7-IE8.
    
+      
    {{_i}}Get a little fancy with your tables by adding zebra-striping—just add the .table-striped class.{{/i}}
    
+      
    {{_i}}Note: Sprited tables use the :nth-child CSS selector and is not available in IE7-IE8.{{/i}}
    
 
     <table class="table table-striped">
-  ...
+  …
 </table>
    
     
    
     
    
@@ -584,9 +584,9 @@
         
    
-            
-            
-            
+            
+            
+            
@@ -614,13 +614,13 @@
   
 
 
-  
    3. Bordered table
    
+  
    3. {{_i}}Bordered table{{/i}}
    
     
    
-      
    Add borders around the entire table and rounded corners for aesthetic purposes.
    
+      
    {{_i}}Add borders around the entire table and rounded corners for aesthetic purposes.{{/i}}
    
 
     <table class="table table-bordered">
-  ...
+  …
 </table>
    
     
    
     
    
@@ -628,9 +628,9 @@
         
    
-            
-            
-            
+            
+            
+            
@@ -662,13 +662,13 @@
   
 
 
-  
    4. Condensed table
    
+  
    4. {{_i}}Condensed table{{/i}}
    
     
    
-      
    Make your tables more compact by adding the .table-condensed class to cut table cell padding in half (from 10px to 5px).
    
+      
    {{_i}}Make your tables more compact by adding the .table-condensed class to cut table cell padding in half (from 8px to 4px).{{/i}}
    
 
     <table class="table table-condensed">
-  ...
+  …
 </table>
    
     
    
     
    
@@ -676,9 +676,9 @@
         
    
-            
-            
-            
+            
+            
+            
@@ -707,10 +707,10 @@
 
 
 
-  
    5. Striped table w/ TableSorter.js
    
+  
    5. {{_i}}Striped table w/ TableSorter.js{{/i}}
    
     
    
-      
    Include the jQuery Tablesorter plugin and automaically get clear styles for sorted columns.
    
+      
    {{_i}}Include the jQuery Tablesorter plugin and automatically get clear styles for sorted columns.{{/i}}
    
 
     <script src="jquery.tablesorter.js"></script>
 <script >
@@ -722,7 +722,7 @@
   });
 </script>
 <table class="table table-striped">
-  ...
+  …
 </table>
    
     
    
     
    
@@ -730,9 +730,9 @@
         
    
-            
-            
-            
+            
+            
+            
@@ -762,14 +762,14 @@
           
    
             
               
    
                 
diff --git a/docs/javascript.html b/docs/javascript.html
index a132a4011..fb854d281 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -284,7 +284,7 @@
           
    Call the modal via javascript:
    
           
    $('#myModal').modal(options)
    
           
    Options
    
-          
+          
    
@@ -349,7 +349,7 @@ $('#myModal').modal({
           
    $('#myModal').modal('hide')
    Events
    Bootstrap's modal class exposes a few events for hooking into modal functionality. 
    
-          
    
             
              
    
                Name
           
           
    
+          
    
@@ -666,7 +666,7 @@ $('#myModal').on('hidden', function () {
 </script>
    Events
    
-          
    
             
              
    
                Event
           
           
    
+          
    
@@ -719,7 +719,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
           
    Trigger the tooltip via javascript:
    $('#example').tooltip(options)
    Options
    
-          
    
             
              
    
                Event
           
           
    
+          
    
@@ -813,7 +813,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
           
    Enable popovers via javascript:
    $('#example').popover(options)
    Options
    
-          
    
             
              
    
                Name
           
           
    
+          
    
@@ -933,7 +933,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
           
    $(".alert-message").alert('close')
    Events
    Bootstrap's alert class exposes a few events for hooking into alert functionality. 
    
-          
    
             
              
    
                Name
           
           
    
+          
    
@@ -976,7 +976,7 @@ $('#my-alert').bind('closed', function () {
         
    
           
    Example uses
    
           
    Use the buttons plugin for states and toggles.
    
-          
    
             
              
    
                Event
    
+          
    
@@ -1125,7 +1125,7 @@ $('#my-alert').bind('closed', function () {
           
    Enable via javascript:
    $(".collapse").collapse()
    Options
    
-          
    
             
              
    
                Stateful
           
           
    
+          
    
@@ -1175,7 +1175,7 @@ $('#myCollapsible').collapse({
           
    
             Bootstrap's collapse class exposes a few events for hooking into collapse functionality.
           
    
-          
    
             
              
    
                Name
    
+          
    
@@ -1261,7 +1261,7 @@ $('#myCollapsible').on('hidden', function () {
           
    Call via javascript:
    $('.carousel').carousel()
    Options
    
-          
    
             
              
    
                Event
           
           
    
+          
    
@@ -1310,7 +1310,7 @@ $('.myCarousel').carousel({
           
    Cycles to the next item.
    Events
    Bootstrap's modal class exposes a few events for hooking into modal functionality. 
    
-          
    
             
              
    
                Name
           
           
    
+          
    
@@ -1358,7 +1358,7 @@ $('.myCarousel').carousel({
           
    Call the typeahead via javascript:
    $('.typeahead').typeahead()
    Options
    
-          
    
             
              
    
                Event
           
           
    
+          
    
diff --git a/docs/less.html b/docs/less.html
index 6e43d95bd..09ff3e8e1 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -160,7 +160,7 @@
       
    Hyperlinks
    
-          
    
             
              
    
                Name
 
           
    
+          
    
@@ -185,7 +185,7 @@
       
    
         
    
           
    Grayscale colors
    
-          
    
             
               
    
                 Variable
    
+          
    
@@ -216,7 +216,7 @@
         
    
           
    Accent colors
    
-          
    
             
               
    
                 @black
         
    
+          
    
@@ -254,7 +254,7 @@
       
    
         
    
           
    Grid system
    
-          
    
             
               
    
                 @blue
    
+          
    
@@ -277,7 +277,7 @@
         
    
           
    Typography
    
-          
    
             
               
    
                 @gridColumns
         
    
+          
    
@@ -302,7 +302,7 @@
           
    Visuals
    
-          
    
             
               
    
                 @baseFontSize
         
         
    
+          
    
@@ -453,7 +453,7 @@
     
    Compiling Less
    After modifying the .less files in /lib/, you'll need to recompile them in order to regenerate the bootstrap-*.*.*.css and bootstrap-*.*.*.min.css files. If you're submitting a pull request to GitHub, you must always recompile.
    Ways to compile
    
-    
    
             
               
    
                 @primaryButtonColor
     
     
    
+    
    
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index 77b94d8ce..f068c837c 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -223,7 +223,7 @@
   
    Grid customization
    
-  
    
       
         
    
           Method
 
   
    
+  
    
@@ -335,7 +335,7 @@
     
    
       
    Supported devices
    
       
    Bootstrap supports a handful of media queries to help make your projects more appropriate on different devices and screen resolutions. Here's what's included:
    
-      
    
     
       
    
         Variable
    
+      
    
-- 
cgit v1.2.3


From 9c940784153257efcadc1aa420c57caa86e664bf Mon Sep 17 00:00:00 2001
From: Scott Watermasysk 
Date: Wed, 18 Jan 2012 14:53:59 -0500
Subject: Added missing 'data-dismiss="modal"' on the first example model
 source.

---
 docs/javascript.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/javascript.html b/docs/javascript.html
index fb854d281..8accce210 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -240,7 +240,7 @@
           
    
             
    
               
    
-                ×
+                ×
                 
    Modal header
    
               
    
               
    
-- 
cgit v1.2.3


From 7444310c4d0a2f34c7cec66216fdf95d67a0e74d Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Fri, 20 Jan 2012 20:05:16 -0800
Subject: only prevent default of links in sections

---
 docs/assets/js/application.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js
index 0e14a5350..ba5a26947 100644
--- a/docs/assets/js/application.js
+++ b/docs/assets/js/application.js
@@ -38,7 +38,7 @@ $(function(){
   // it's merely here to prevent button clicks form taking you
   // away from your spot on page!!
 
-  $('[href^=#]').click(function (e) {
+  $('section [href^=#]').click(function (e) {
     e.preventDefault()
   })
 
-- 
cgit v1.2.3


From 4a5867b18b0320b7365337c192b9e1bfe555f864 Mon Sep 17 00:00:00 2001
From: Burak Tuyan 
Date: Sat, 21 Jan 2012 23:52:39 +0200
Subject: Optimizing all PNG files, saving 60.02 KB in total without any
 quality lost. (Using PNGOUTWin 1.5.0.100, Xtreme strategy in compability
 mode)

---
 docs/assets/ico/bootstrap-apple-114x114.png         | Bin 6828 -> 5481 bytes
 docs/assets/ico/bootstrap-apple-57x57.png           | Bin 3923 -> 2798 bytes
 docs/assets/ico/bootstrap-apple-72x72.png           | Bin 4905 -> 3817 bytes
 docs/assets/img/bird.png                            | Bin 4434 -> 3092 bytes
 docs/assets/img/browsers.png                        | Bin 21805 -> 19776 bytes
 docs/assets/img/example-diagram-01.png              | Bin 1641 -> 486 bytes
 docs/assets/img/example-diagram-02.png              | Bin 1742 -> 564 bytes
 docs/assets/img/example-diagram-03.png              | Bin 1428 -> 369 bytes
 docs/assets/img/example-sites/bartop.png            | Bin 86214 -> 78189 bytes
 docs/assets/img/example-sites/fleetio.png           | Bin 47275 -> 41932 bytes
 docs/assets/img/example-sites/jshint.png            | Bin 8886 -> 7258 bytes
 docs/assets/img/example-sites/kippt.png             | Bin 57064 -> 52306 bytes
 docs/assets/img/example-sites/railwayjs.png         | Bin 34839 -> 30550 bytes
 docs/assets/img/example-sites/totalwireframe.png    | Bin 47095 -> 43364 bytes
 docs/assets/img/glyphicons-halflings-sprite.png     | Bin 9944 -> 5249 bytes
 docs/assets/img/glyphicons/glyphicons_009_magic.png | Bin 1426 -> 316 bytes
 docs/assets/img/glyphicons/glyphicons_042_group.png | Bin 1386 -> 305 bytes
 .../assets/img/glyphicons/glyphicons_079_podium.png | Bin 1328 -> 213 bytes
 .../img/glyphicons/glyphicons_082_roundabout.png    | Bin 1516 -> 345 bytes
 .../glyphicons/glyphicons_155_show_thumbnails.png   | Bin 1179 -> 117 bytes
 .../assets/img/glyphicons/glyphicons_163_iphone.png | Bin 1235 -> 172 bytes
 .../img/glyphicons/glyphicons_214_resize_small.png  | Bin 1406 -> 301 bytes
 .../img/glyphicons/glyphicons_266_book_open.png     | Bin 1405 -> 292 bytes
 docs/assets/img/grid-18px-masked.png                | Bin 1621 -> 405 bytes
 docs/assets/img/grid-18px.png                       | Bin 1118 -> 166 bytes
 docs/assets/img/icon-css3.png                       | Bin 1145 -> 370 bytes
 docs/assets/img/icon-github.png                     | Bin 1191 -> 312 bytes
 docs/assets/img/icon-html5.png                      | Bin 1230 -> 452 bytes
 docs/assets/img/icon-twitter.png                    | Bin 1096 -> 264 bytes
 docs/assets/img/less-logo-large.png                 | Bin 13831 -> 13078 bytes
 docs/assets/img/less-small.png                      | Bin 2235 -> 1181 bytes
 docs/assets/img/responsive-illustrations.png        | Bin 2249 -> 1077 bytes
 32 files changed, 0 insertions(+), 0 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/ico/bootstrap-apple-114x114.png b/docs/assets/ico/bootstrap-apple-114x114.png
index c434d9713..4e6df51f4 100644
Binary files a/docs/assets/ico/bootstrap-apple-114x114.png and b/docs/assets/ico/bootstrap-apple-114x114.png differ
diff --git a/docs/assets/ico/bootstrap-apple-57x57.png b/docs/assets/ico/bootstrap-apple-57x57.png
index 13c2f7f37..030fdfbc9 100644
Binary files a/docs/assets/ico/bootstrap-apple-57x57.png and b/docs/assets/ico/bootstrap-apple-57x57.png differ
diff --git a/docs/assets/ico/bootstrap-apple-72x72.png b/docs/assets/ico/bootstrap-apple-72x72.png
index c4bfb622c..2ab0a1d0c 100644
Binary files a/docs/assets/ico/bootstrap-apple-72x72.png and b/docs/assets/ico/bootstrap-apple-72x72.png differ
diff --git a/docs/assets/img/bird.png b/docs/assets/img/bird.png
index f0e6fcb51..903e4c78e 100644
Binary files a/docs/assets/img/bird.png and b/docs/assets/img/bird.png differ
diff --git a/docs/assets/img/browsers.png b/docs/assets/img/browsers.png
index 369a7f838..73b668d91 100644
Binary files a/docs/assets/img/browsers.png and b/docs/assets/img/browsers.png differ
diff --git a/docs/assets/img/example-diagram-01.png b/docs/assets/img/example-diagram-01.png
index 0cece3b3e..2c07bf7ff 100644
Binary files a/docs/assets/img/example-diagram-01.png and b/docs/assets/img/example-diagram-01.png differ
diff --git a/docs/assets/img/example-diagram-02.png b/docs/assets/img/example-diagram-02.png
index 557edd311..416d157e6 100644
Binary files a/docs/assets/img/example-diagram-02.png and b/docs/assets/img/example-diagram-02.png differ
diff --git a/docs/assets/img/example-diagram-03.png b/docs/assets/img/example-diagram-03.png
index acf819d40..df13fd5fb 100644
Binary files a/docs/assets/img/example-diagram-03.png and b/docs/assets/img/example-diagram-03.png differ
diff --git a/docs/assets/img/example-sites/bartop.png b/docs/assets/img/example-sites/bartop.png
index 962851636..ab483aa67 100644
Binary files a/docs/assets/img/example-sites/bartop.png and b/docs/assets/img/example-sites/bartop.png differ
diff --git a/docs/assets/img/example-sites/fleetio.png b/docs/assets/img/example-sites/fleetio.png
index b48d6f010..8d975079b 100644
Binary files a/docs/assets/img/example-sites/fleetio.png and b/docs/assets/img/example-sites/fleetio.png differ
diff --git a/docs/assets/img/example-sites/jshint.png b/docs/assets/img/example-sites/jshint.png
index e532320a3..ac7086de1 100644
Binary files a/docs/assets/img/example-sites/jshint.png and b/docs/assets/img/example-sites/jshint.png differ
diff --git a/docs/assets/img/example-sites/kippt.png b/docs/assets/img/example-sites/kippt.png
index af15baa11..b2bb236d9 100644
Binary files a/docs/assets/img/example-sites/kippt.png and b/docs/assets/img/example-sites/kippt.png differ
diff --git a/docs/assets/img/example-sites/railwayjs.png b/docs/assets/img/example-sites/railwayjs.png
index 2480dd68e..23fb1cf3e 100644
Binary files a/docs/assets/img/example-sites/railwayjs.png and b/docs/assets/img/example-sites/railwayjs.png differ
diff --git a/docs/assets/img/example-sites/totalwireframe.png b/docs/assets/img/example-sites/totalwireframe.png
index b6256138e..66a4e8509 100644
Binary files a/docs/assets/img/example-sites/totalwireframe.png and b/docs/assets/img/example-sites/totalwireframe.png differ
diff --git a/docs/assets/img/glyphicons-halflings-sprite.png b/docs/assets/img/glyphicons-halflings-sprite.png
index 525acee6d..2d783eefe 100644
Binary files a/docs/assets/img/glyphicons-halflings-sprite.png and b/docs/assets/img/glyphicons-halflings-sprite.png differ
diff --git a/docs/assets/img/glyphicons/glyphicons_009_magic.png b/docs/assets/img/glyphicons/glyphicons_009_magic.png
index ef048aaaa..f1cfb3785 100644
Binary files a/docs/assets/img/glyphicons/glyphicons_009_magic.png and b/docs/assets/img/glyphicons/glyphicons_009_magic.png differ
diff --git a/docs/assets/img/glyphicons/glyphicons_042_group.png b/docs/assets/img/glyphicons/glyphicons_042_group.png
index 29393dda1..be5c6f94b 100644
Binary files a/docs/assets/img/glyphicons/glyphicons_042_group.png and b/docs/assets/img/glyphicons/glyphicons_042_group.png differ
diff --git a/docs/assets/img/glyphicons/glyphicons_079_podium.png b/docs/assets/img/glyphicons/glyphicons_079_podium.png
index f55445451..20b7c99b9 100644
Binary files a/docs/assets/img/glyphicons/glyphicons_079_podium.png and b/docs/assets/img/glyphicons/glyphicons_079_podium.png differ
diff --git a/docs/assets/img/glyphicons/glyphicons_082_roundabout.png b/docs/assets/img/glyphicons/glyphicons_082_roundabout.png
index bbda0935c..e3a6487a0 100644
Binary files a/docs/assets/img/glyphicons/glyphicons_082_roundabout.png and b/docs/assets/img/glyphicons/glyphicons_082_roundabout.png differ
diff --git a/docs/assets/img/glyphicons/glyphicons_155_show_thumbnails.png b/docs/assets/img/glyphicons/glyphicons_155_show_thumbnails.png
index 1062f4844..751e3b718 100644
Binary files a/docs/assets/img/glyphicons/glyphicons_155_show_thumbnails.png and b/docs/assets/img/glyphicons/glyphicons_155_show_thumbnails.png differ
diff --git a/docs/assets/img/glyphicons/glyphicons_163_iphone.png b/docs/assets/img/glyphicons/glyphicons_163_iphone.png
index bbb71dceb..926df7e55 100644
Binary files a/docs/assets/img/glyphicons/glyphicons_163_iphone.png and b/docs/assets/img/glyphicons/glyphicons_163_iphone.png differ
diff --git a/docs/assets/img/glyphicons/glyphicons_214_resize_small.png b/docs/assets/img/glyphicons/glyphicons_214_resize_small.png
index 5ecaa72b2..707d9e03e 100644
Binary files a/docs/assets/img/glyphicons/glyphicons_214_resize_small.png and b/docs/assets/img/glyphicons/glyphicons_214_resize_small.png differ
diff --git a/docs/assets/img/glyphicons/glyphicons_266_book_open.png b/docs/assets/img/glyphicons/glyphicons_266_book_open.png
index de084d472..ab04b4a1b 100644
Binary files a/docs/assets/img/glyphicons/glyphicons_266_book_open.png and b/docs/assets/img/glyphicons/glyphicons_266_book_open.png differ
diff --git a/docs/assets/img/grid-18px-masked.png b/docs/assets/img/grid-18px-masked.png
index e531d5bc4..1bc82b03a 100644
Binary files a/docs/assets/img/grid-18px-masked.png and b/docs/assets/img/grid-18px-masked.png differ
diff --git a/docs/assets/img/grid-18px.png b/docs/assets/img/grid-18px.png
index 68f9fe1b7..b2f88799b 100644
Binary files a/docs/assets/img/grid-18px.png and b/docs/assets/img/grid-18px.png differ
diff --git a/docs/assets/img/icon-css3.png b/docs/assets/img/icon-css3.png
index eb3651bac..58e107235 100644
Binary files a/docs/assets/img/icon-css3.png and b/docs/assets/img/icon-css3.png differ
diff --git a/docs/assets/img/icon-github.png b/docs/assets/img/icon-github.png
index 8afcce9cb..1a5fb781e 100644
Binary files a/docs/assets/img/icon-github.png and b/docs/assets/img/icon-github.png differ
diff --git a/docs/assets/img/icon-html5.png b/docs/assets/img/icon-html5.png
index e9066c672..1e8788313 100644
Binary files a/docs/assets/img/icon-html5.png and b/docs/assets/img/icon-html5.png differ
diff --git a/docs/assets/img/icon-twitter.png b/docs/assets/img/icon-twitter.png
index 98241d098..a4716545f 100644
Binary files a/docs/assets/img/icon-twitter.png and b/docs/assets/img/icon-twitter.png differ
diff --git a/docs/assets/img/less-logo-large.png b/docs/assets/img/less-logo-large.png
index 1a739b3e9..cb56637cb 100644
Binary files a/docs/assets/img/less-logo-large.png and b/docs/assets/img/less-logo-large.png differ
diff --git a/docs/assets/img/less-small.png b/docs/assets/img/less-small.png
index 763b847e8..93ea597cb 100644
Binary files a/docs/assets/img/less-small.png and b/docs/assets/img/less-small.png differ
diff --git a/docs/assets/img/responsive-illustrations.png b/docs/assets/img/responsive-illustrations.png
index c980da77a..6ca0f0788 100644
Binary files a/docs/assets/img/responsive-illustrations.png and b/docs/assets/img/responsive-illustrations.png differ
-- 
cgit v1.2.3


From 2187e0838f522c102a8b5104970a9f129cdd001a Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Sat, 21 Jan 2012 21:35:20 -0800
Subject: change scrollspy offset to be option + fix typo in scrollspy

---
 docs/javascript.html | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

(limited to 'docs')

diff --git a/docs/javascript.html b/docs/javascript.html
index fb854d281..1b8af662a 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -549,7 +549,7 @@ $('#myModal').on('hidden', function () {
               
    
             
    
           
    
-          
    
+          
    
             
    @fat
    
             
    
             Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
@@ -576,11 +576,30 @@ $('#myModal').on('hidden', function () {
           
    
           
    Using bootstrap-scrollspy.js
    
           
    Call the scrollspy via javascript:
    
-          
    $('#navbar').dropdown()
    
+          
    $('#navbar').scrollspy()
    
           
    Markup
    
           
    To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body).
           
    <body data-spy="scroll" >...</body>
    
            
    Notice Navbar anchor tags must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.
+          
    Options
    
+          
    
         
           
    
             Label
    
+            
+             
+               
+               
+               
+               
+             
+            
+            
+             
+               
+               
+               
+               
+             
+            
+          
    Nametypedefaultdescription
    offsetnumber10Pixels to offset from top when calculating position of scroll.
    
         
       
     
-- 
cgit v1.2.3


From 373a54187ed5d1f5d00d725e6ef6b84d506f07a8 Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Sat, 21 Jan 2012 23:02:29 -0800
Subject: add ability to cycle carousel to a particular frame

---
 docs/javascript.html | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'docs')

diff --git a/docs/javascript.html b/docs/javascript.html
index 1b8af662a..7f589de4c 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -1323,6 +1323,8 @@ $('.myCarousel').carousel({
           
    Cycles through the carousel items from left to right.
    
           
    .carousel('pause')
    
           
    Stops the carousel from cycling through items.
    
+          
    .carousel(number)
    
+          
    Cycles the carousel to a particular frame (0 based, similar to an array).
    
           
    .carousel('prev')
    
           
    Cycles to the previous item.
    
           
    .carousel('next')
    
-- 
cgit v1.2.3


From c3625ebb238edbfc4b352a97b964727a919b8599 Mon Sep 17 00:00:00 2001
From: Chris Gunther 
Date: Sun, 22 Jan 2012 11:46:44 -0500
Subject: Move placement of ID in docs example for dropdowns

The ID specified by an href or data-target attribute should match the
li.dropdown, not the ul.dropdown-menu
---
 docs/javascript.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'docs')

diff --git a/docs/javascript.html b/docs/javascript.html
index 7f589de4c..9c7b21779 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -489,12 +489,12 @@ $('#myModal').on('hidden', function () {
 
     <ul class="nav pills">
   <li class="active"><a href="#">Regular link</a></li>
-  <li class="dropdown">
+  <li class="dropdown" id="menu1">
     <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
       Dropdown
       <b class="caret"></b>
     </a>
-    <ul id="menu1" class="dropdown-menu">
+    <ul class="dropdown-menu">
       <li><a href="#">Action</a></li>
       <li><a href="#">Another action</a></li>
       <li><a href="#">Something else here</a></li>
-- 
cgit v1.2.3


From 0523c053a79430b3dab775fab2d572841f743c5a Mon Sep 17 00:00:00 2001
From: Olivier Laviale 
Date: Sun, 22 Jan 2012 21:45:20 +0100
Subject: Fixed typo

---
 docs/components.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
 mode change 100644 => 100755 docs/components.html

(limited to 'docs')

diff --git a/docs/components.html b/docs/components.html
old mode 100644
new mode 100755
index 7d0593874..984e8c76d
--- a/docs/components.html
+++ b/docs/components.html
@@ -1128,7 +1128,7 @@
       
    Rewritten base class
    
       
    With Bootstrap 2, we've simplified the base class: .alert instead of .alert-message. We've also reduced the minimum required markup—no <p> is required by default, just the outter <div>.
    
       
    Single alert message
    
-      
    For a more durable component with less code, we've removed the differentiating look for block alerts, messages that com with more padding and typically more text. The class also has changed to .alert-block.
    
+      
    For a more durable component with less code, we've removed the differentiating look for block alerts, messages that come with more padding and typically more text. The class also has changed to .alert-block.
    
       
    
       
    Goes great with javascript
    
       
    Bootstrap comes with a great jQuery plugin that supports alert messages, making dismissing them quick and easy.
    
-- 
cgit v1.2.3


From 155b72e8730e9b8badb5fa80c8d7f8990f10cc82 Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Sun, 22 Jan 2012 20:02:56 -0800
Subject: share -> share-alt

---
 docs/base-css.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index fa60204a8..8ac913477 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1458,7 +1458,7 @@
         
         
         
-        
+        
         
         
         
-- 
cgit v1.2.3


From a7bf0295fbf3ce9abc1ca44680f4a6eaf17339b5 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Mon, 23 Jan 2012 11:55:04 -0800
Subject: remove dropdowns, add in sub nav instead

---
 docs/base-css.html    | 76 ++++++++++------------------------------------
 docs/components.html  | 80 +++++++++++++------------------------------------
 docs/index.html       | 69 ++++++------------------------------------
 docs/javascript.html  | 83 ++++++++++++++-------------------------------------
 docs/less.html        | 69 ++++++------------------------------------
 docs/scaffolding.html | 74 +++++++++------------------------------------
 6 files changed, 91 insertions(+), 360 deletions(-)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index 8ac913477..df0c9c7ce 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -34,71 +34,20 @@
           Bootstrap
           
         
@@ -112,6 +61,13 @@
       
    
         
    Base CSS
    
         
    On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.
    
+        
       
    
 
 
diff --git a/docs/components.html b/docs/components.html
index 984e8c76d..47efee5ac 100755
--- a/docs/components.html
+++ b/docs/components.html
@@ -34,71 +34,20 @@
           Bootstrap
           
         
@@ -112,6 +61,17 @@
       
    
         
    Components
    
         
    Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.
    
+        
       
    
 
 
diff --git a/docs/index.html b/docs/index.html
index ce56a04ef..eee32e0d4 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -35,71 +35,20 @@
           Bootstrap
           
         
diff --git a/docs/javascript.html b/docs/javascript.html
index 6a240c4d4..0a0a0c9ef 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -35,71 +35,20 @@
           Bootstrap
           
         
@@ -112,6 +61,20 @@
       
    
         
    Javascript for Bootstrap
    
         
    Bring Bootstrap's components to life—now with 12 custom jQuery plugins.
+        
    
       
    
 
 
diff --git a/docs/less.html b/docs/less.html
index 09ff3e8e1..0348c0caf 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -34,71 +34,20 @@
           Bootstrap
           
         
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index f068c837c..4a27104c3 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -34,71 +34,20 @@
           Bootstrap
           
         
@@ -112,6 +61,11 @@
       
    
         
    Scaffolding
    
         
    Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.
    
+        
       
    
 
 
-- 
cgit v1.2.3


From ea8f5883fd58ff5e356944e4a93543c05abf2220 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Mon, 23 Jan 2012 12:04:48 -0800
Subject: clean up subnav aesthetics

---
 docs/assets/css/docs.css | 34 ++++++++++++++++++++++++++++++++--
 docs/components.html     |  4 ++--
 2 files changed, 34 insertions(+), 4 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 416b1830c..e7714fd5c 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -115,8 +115,8 @@ section {
 ------------------------- */
 /* supporting docs pages */
 .subhead {
-  padding-bottom: 14px;
-  border-bottom: 3px solid #e5e5e5;
+  padding-bottom: 0;
+  border-bottom: 0;
 }
 .subhead h1,
 .subhead p {
@@ -126,6 +126,36 @@ section {
   font-size: 45px;
 }
 
+/* Subnav */
+.subhead .nav {
+  padding: 0 10px;
+  background-color: #eeeeee; /* Old browsers */
+  background-repeat: repeat-x; /* Repeat the gradient */
+  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
+  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
+  background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
+  background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
+  border: 1px solid #eee;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+}
+.subhead .nav a {
+  margin: 0;
+  padding-top: 11px;
+  padding-bottom: 11px;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+.subhead .nav .active a {
+  background-color: #fff;
+  color: #333;
+}
+
 
 /* Quick links
 -------------------------------------------------- */
diff --git a/docs/components.html b/docs/components.html
index 47efee5ac..8cd76bedc 100755
--- a/docs/components.html
+++ b/docs/components.html
@@ -63,13 +63,13 @@
         
    Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.
    
         
       
-- 
cgit v1.2.3


From 1954cf001926a94f7a4d51f16beaf9f2ba671d13 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Mon, 23 Jan 2012 13:46:26 -0800
Subject: comment in forms'

---
 docs/assets/css/docs.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index e7714fd5c..69d9dac56 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -448,6 +448,7 @@ h2 + .row {
   margin: -18px 0 27px;
   font-size: 18px;
   font-weight: 300;
+  line-height: 24px;
   color: #999;
   text-align: center;
 }
@@ -563,6 +564,18 @@ form.well {
     margin: 0 auto 10px;
   }
 
+  /* Subnav */
+  .subhead .nav {
+    padding: 0;
+    background: none;
+  }
+  .subhead .nav > li {
+    float: none;
+  }
+  .subhead .nav li + li a {
+    border-top: 1px solid #eee;
+  }
+
   /* Don't space out quick links so much */
   .quick-links {
     margin: 40px 0 0;
-- 
cgit v1.2.3


From f764aee4b919c28974dba7b91edac9a04172ba25 Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Mon, 23 Jan 2012 14:14:16 -0800
Subject: add templates for doc generation

---
 docs/assets/js/application.js                      |   87 +-
 docs/base-css.html                                 |   61 +-
 docs/build/index.js                                |   27 +
 docs/build/node_modules/.bin/hulk                  |    1 +
 docs/build/node_modules/hogan.js/.git_ignore       |    1 +
 docs/build/node_modules/hogan.js/.gitmodules       |    3 +
 docs/build/node_modules/hogan.js/LICENSE           |  177 ++
 docs/build/node_modules/hogan.js/Makefile          |   62 +
 docs/build/node_modules/hogan.js/README.md         |   93 +
 docs/build/node_modules/hogan.js/bin/hulk          |   93 +
 docs/build/node_modules/hogan.js/lib/compiler.js   |  348 +++
 docs/build/node_modules/hogan.js/lib/hogan.js      |   20 +
 docs/build/node_modules/hogan.js/lib/template.js   |  233 ++
 docs/build/node_modules/hogan.js/package.json      |   20 +
 .../node_modules/hogan.js/test/html/list.html      |    8 +
 docs/build/node_modules/hogan.js/test/index.html   |   13 +
 docs/build/node_modules/hogan.js/test/index.js     |  848 +++++++
 docs/build/node_modules/hogan.js/test/mustache.js  |   90 +
 docs/build/node_modules/hogan.js/test/spec.js      |   77 +
 docs/build/node_modules/hogan.js/test/spec/Changes |   31 +
 .../node_modules/hogan.js/test/spec/README.md      |   65 +
 .../build/node_modules/hogan.js/test/spec/Rakefile |   27 +
 .../node_modules/hogan.js/test/spec/TESTING.md     |   46 +
 .../hogan.js/test/spec/specs/comments.json         |    1 +
 .../hogan.js/test/spec/specs/comments.yml          |  103 +
 .../hogan.js/test/spec/specs/delimiters.json       |    1 +
 .../hogan.js/test/spec/specs/delimiters.yml        |  158 ++
 .../hogan.js/test/spec/specs/interpolation.json    |    1 +
 .../hogan.js/test/spec/specs/interpolation.yml     |  230 ++
 .../hogan.js/test/spec/specs/inverted.json         |    1 +
 .../hogan.js/test/spec/specs/inverted.yml          |  193 ++
 .../hogan.js/test/spec/specs/partials.json         |    1 +
 .../hogan.js/test/spec/specs/partials.yml          |  109 +
 .../hogan.js/test/spec/specs/sections.json         |    1 +
 .../hogan.js/test/spec/specs/sections.yml          |  256 +++
 .../hogan.js/test/spec/specs/~lambdas.json         |    1 +
 .../hogan.js/test/spec/specs/~lambdas.yml          |  149 ++
 .../hogan.js/test/templates/list.mustache          |    8 +
 docs/build/node_modules/hogan.js/tools/release.js  |   74 +
 .../node_modules/hogan.js/tools/web_templates.js   |   32 +
 .../build/node_modules/hogan.js/web/1.0.0/hogan.js |  500 ++++
 .../node_modules/hogan.js/web/1.0.0/hogan.min.js   |   14 +
 .../hogan.js/web/builds/1.0.0/hogan.js             |  500 ++++
 .../hogan.js/web/builds/1.0.0/hogan.min.js         |   14 +
 .../hogan.js/web/builds/1.0.3/hogan.js             |  545 +++++
 .../hogan.js/web/builds/1.0.3/hogan.min.js         |    5 +
 .../hogan.js/web/builds/1.0.5/hogan-1.0.5.amd.js   |  576 +++++
 .../web/builds/1.0.5/hogan-1.0.5.common.js         |  576 +++++
 .../hogan.js/web/builds/1.0.5/hogan-1.0.5.js       |  572 +++++
 .../web/builds/1.0.5/hogan-1.0.5.min.amd.js        |    5 +
 .../web/builds/1.0.5/hogan-1.0.5.min.common.js     |    5 +
 .../hogan.js/web/builds/1.0.5/hogan-1.0.5.min.js   |    5 +
 .../web/builds/1.0.5/hogan-1.0.5.min.mustache.js   |    5 +
 .../web/builds/1.0.5/hogan-1.0.5.mustache.js       |  619 +++++
 .../hogan.js/web/builds/1.0.5/template-1.0.5.js    |  233 ++
 .../web/builds/1.0.5/template-1.0.5.min.js         |    5 +
 docs/build/node_modules/hogan.js/web/favicon.ico   |  Bin 0 -> 1150 bytes
 .../node_modules/hogan.js/web/images/logo.png      |  Bin 0 -> 3389 bytes
 .../node_modules/hogan.js/web/images/noise.png     |  Bin 0 -> 10378 bytes
 .../hogan.js/web/images/small-hogan-icon.png       |  Bin 0 -> 472 bytes
 .../node_modules/hogan.js/web/images/stripes.png   |  Bin 0 -> 115 bytes
 .../node_modules/hogan.js/web/index.html.mustache  |  139 ++
 .../hogan.js/web/stylesheets/layout.css            |  206 ++
 .../hogan.js/web/stylesheets/skeleton.css          |  236 ++
 .../node_modules/hogan.js/wrappers/amd.js.mustache |   21 +
 .../hogan.js/wrappers/common.js.mustache           |   21 +
 .../node_modules/hogan.js/wrappers/js.mustache     |   17 +
 .../hogan.js/wrappers/mustache.js.mustache         |   64 +
 docs/build/package.json                            |    6 +
 docs/components.html                               |   51 +-
 docs/index.html                                    |  402 ++--
 docs/javascript.html                               | 2426 ++++++++++----------
 docs/less.html                                     |   41 +-
 docs/scaffolding.html                              |   53 +-
 docs/templates/layout.mustache                     |  144 ++
 docs/templates/pages/base-css.mustache             | 1427 ++++++++++++
 docs/templates/pages/components.mustache           | 1176 ++++++++++
 docs/templates/pages/index.mustache                |  188 ++
 docs/templates/pages/javascript.mustache           | 1299 +++++++++++
 docs/templates/pages/less.mustache                 |  406 ++++
 docs/templates/pages/scaffolding.mustache          |  311 +++
 docs/templates/pages/upgrading.mustache            |   86 +
 docs/upgrading.html                                |   60 +-
 83 files changed, 15148 insertions(+), 1561 deletions(-)
 create mode 100644 docs/build/index.js
 create mode 120000 docs/build/node_modules/.bin/hulk
 create mode 100644 docs/build/node_modules/hogan.js/.git_ignore
 create mode 100644 docs/build/node_modules/hogan.js/.gitmodules
 create mode 100644 docs/build/node_modules/hogan.js/LICENSE
 create mode 100644 docs/build/node_modules/hogan.js/Makefile
 create mode 100644 docs/build/node_modules/hogan.js/README.md
 create mode 100755 docs/build/node_modules/hogan.js/bin/hulk
 create mode 100644 docs/build/node_modules/hogan.js/lib/compiler.js
 create mode 100644 docs/build/node_modules/hogan.js/lib/hogan.js
 create mode 100644 docs/build/node_modules/hogan.js/lib/template.js
 create mode 100644 docs/build/node_modules/hogan.js/package.json
 create mode 100644 docs/build/node_modules/hogan.js/test/html/list.html
 create mode 100644 docs/build/node_modules/hogan.js/test/index.html
 create mode 100644 docs/build/node_modules/hogan.js/test/index.js
 create mode 100644 docs/build/node_modules/hogan.js/test/mustache.js
 create mode 100644 docs/build/node_modules/hogan.js/test/spec.js
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/Changes
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/README.md
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/Rakefile
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/TESTING.md
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/specs/comments.json
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/specs/comments.yml
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/specs/delimiters.json
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/specs/delimiters.yml
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/specs/interpolation.json
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/specs/interpolation.yml
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/specs/inverted.json
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/specs/inverted.yml
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/specs/partials.json
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/specs/partials.yml
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/specs/sections.json
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/specs/sections.yml
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/specs/~lambdas.json
 create mode 100644 docs/build/node_modules/hogan.js/test/spec/specs/~lambdas.yml
 create mode 100644 docs/build/node_modules/hogan.js/test/templates/list.mustache
 create mode 100644 docs/build/node_modules/hogan.js/tools/release.js
 create mode 100644 docs/build/node_modules/hogan.js/tools/web_templates.js
 create mode 100644 docs/build/node_modules/hogan.js/web/1.0.0/hogan.js
 create mode 100644 docs/build/node_modules/hogan.js/web/1.0.0/hogan.min.js
 create mode 100644 docs/build/node_modules/hogan.js/web/builds/1.0.0/hogan.js
 create mode 100644 docs/build/node_modules/hogan.js/web/builds/1.0.0/hogan.min.js
 create mode 100644 docs/build/node_modules/hogan.js/web/builds/1.0.3/hogan.js
 create mode 100644 docs/build/node_modules/hogan.js/web/builds/1.0.3/hogan.min.js
 create mode 100644 docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.amd.js
 create mode 100644 docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.common.js
 create mode 100644 docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.js
 create mode 100644 docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.min.amd.js
 create mode 100644 docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.min.common.js
 create mode 100644 docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.min.js
 create mode 100644 docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.min.mustache.js
 create mode 100644 docs/build/node_modules/hogan.js/web/builds/1.0.5/hogan-1.0.5.mustache.js
 create mode 100644 docs/build/node_modules/hogan.js/web/builds/1.0.5/template-1.0.5.js
 create mode 100644 docs/build/node_modules/hogan.js/web/builds/1.0.5/template-1.0.5.min.js
 create mode 100644 docs/build/node_modules/hogan.js/web/favicon.ico
 create mode 100644 docs/build/node_modules/hogan.js/web/images/logo.png
 create mode 100644 docs/build/node_modules/hogan.js/web/images/noise.png
 create mode 100644 docs/build/node_modules/hogan.js/web/images/small-hogan-icon.png
 create mode 100644 docs/build/node_modules/hogan.js/web/images/stripes.png
 create mode 100755 docs/build/node_modules/hogan.js/web/index.html.mustache
 create mode 100755 docs/build/node_modules/hogan.js/web/stylesheets/layout.css
 create mode 100755 docs/build/node_modules/hogan.js/web/stylesheets/skeleton.css
 create mode 100644 docs/build/node_modules/hogan.js/wrappers/amd.js.mustache
 create mode 100644 docs/build/node_modules/hogan.js/wrappers/common.js.mustache
 create mode 100644 docs/build/node_modules/hogan.js/wrappers/js.mustache
 create mode 100644 docs/build/node_modules/hogan.js/wrappers/mustache.js.mustache
 create mode 100644 docs/build/package.json
 mode change 100755 => 100644 docs/components.html
 create mode 100644 docs/templates/layout.mustache
 create mode 100644 docs/templates/pages/base-css.mustache
 create mode 100644 docs/templates/pages/components.mustache
 create mode 100644 docs/templates/pages/index.mustache
 create mode 100644 docs/templates/pages/javascript.mustache
 create mode 100644 docs/templates/pages/less.mustache
 create mode 100644 docs/templates/pages/scaffolding.mustache
 create mode 100644 docs/templates/pages/upgrading.mustache

(limited to 'docs')

diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js
index ba5a26947..93f7ea719 100644
--- a/docs/assets/js/application.js
+++ b/docs/assets/js/application.js
@@ -117,37 +117,66 @@ $(function(){
 
 })
 
+// JS for javascript demos
+$(function () {
+  // tooltip demo
+  $('.tooltip-demo.well').tooltip({
+    selector: "a[rel=tooltip]"
+  })
+  $('.tooltip-test').tooltip()
+
+  // popover demo
+  $("a[rel=popover]")
+    .popover()
+    .click(function(e) {
+      e.preventDefault()
+    })
+
+  // button state demo
+  $('#fat-btn')
+    .click(function () {
+      var btn = $(this)
+      btn.button('loading')
+      setTimeout(function () {
+        btn.button('reset')
+      }, 3000)
+    })
+
+  // carousel demo
+  $('#myCarousel').carousel()
+})
+
 
 // Modified from the original jsonpi https://github.com/benvinegar/jquery-jsonpi
 // by the talented Ben Vinegar
 !function($) {
-    $.ajaxTransport('jsonpi', function(opts, originalOptions, jqXHR) {
-        var url = opts.url;
-
-        return {
-            send: function(_, completeCallback) {
-                var name = 'jQuery_iframe_' + jQuery.now(),
-                    iframe, form;
-
-                iframe = $('
-          
-          
  • 
-            
-          
    • 
+  
+    
  • ·
    • 
+    
+    
  • 
+      
+    
    • 
+  
 
 
-        
    
-          
    Built with Bootstrap.
    
-          
    For even more sites built with Bootstrap, visit the unofficial Tumblr.
    
-          
+  
    
+    
    Built with Bootstrap.
    
+    
    For even more sites built with Bootstrap, visit the unofficial Tumblr.
    
+    
 
-          
    Designed for everyone, everywhere.
    
-          
    Need reasons to love Bootstrap? Look no further.
    
-          
    
-            
    
-              
-              
    Built for and by nerds
    
-              
    Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster. Bootstrap is built for you.
    
-            
    
-            
    
-              
-              
    For all skill levels
    
-              
    Bootstrap is designed to help people of all skill level—designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex.
    
-            
    
-            
    
-              
-              
    Cross-everything
    
-              
    Originally built with only modern browsers in mind, Bootstrap has evolved to include support for all major browsers (even IE7!) and, with Bootstrap 2, tablets and smartphones, too.
    
-            
    
-          
    
-          
    
-            
    
-              
-              
    12-column grid
    
-              
    Grid systems aren't everything, but having a durable and flexible one at the core of your work can make development much simpler. Use our built-in grid classes or roll your own.
    
-            
    
-            
    
-              
-              
    Responsive design
    
-              
    With Bootstrap 2, we've gone fully responsive. Our components are scaled according to a range of resolutions and devices to provide a consistent experience, no matter what.
    
-            
    
-            
    
-              
-              
    Styleguide docs
    
-              
    Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only our features, but best practices and living, coded examples.
    
-            
    
-          
    
-          
    
-            
    
-              
-              
    Growing library
    
-              
    Despite being only 7kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components ready to be put to use.
    
-            
    
-            
    
-              
-              
    Custom jQuery plugins
    
-              
    What good is an awesome design component without easy-to-use, proper, and extensible interactions? With Bootstrap, you get custom-built jQuery plugins to bring your projects to life.
    
-            
    
-            
    
-              
-              
    Built on LESS
    
-              
    Where vanilla CSS falters, LESS excels. Variables, nesting, operations, and mixins in LESS makes coding CSS faster and more efficient with minimal overhead.
    
-            
    
-          
    
-          
    
-            
    
-              
-              
    HTML5
    
-              
    Built to support new HTML5 elements and syntax.
    
-            
    
-            
    
-              
-              
    CSS3
    
-              
    Progressively enhanced components for ultimate style.
    
-            
    
-            
    
-              
-              
    Open-source
    
-              
    Built for and maintained by the community via GitHub.
    
-            
    
-            
    
-              
-              
    Made at Twitter
    
-              
    Brought to you by an experienced engineer and designer.
    
-            
    
-          
    
-
-
-          
-          
    Get started in no time.
    
-          
    Quickly start using Bootstrap within your workflow and development process.
    
-          
-            
-              
-                
-                
-                
-              
-            
-          
    
-                  
    Hotlink the CSS
    
-                  
    For the quickest and easiest start, just copy this snippet into your webpage.
    
-                  
-                    
-                  
-                    		
-                  
    Use it with LESS
    
-                  
    A fan of using LESS? No problem, just clone the repo and add these lines:
    
-                  
    
-                    
-                  
    
-                    		
-                  
    Fork on GitHub
    
-                  
    Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.
    
-                  
    Bootstrap on GitHub »
    
-                  
    Currently v2.0.0
    
-                
    
-        
    
-      
    
+    
    Designed for everyone, everywhere.
    
+    
    Need reasons to love Bootstrap? Look no further.
    
+    
    
+      
    
+        
+        
    Built for and by nerds
    
+        
    Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster. Bootstrap is built for you.
    
+      
    
+      
    
+        
+        
    For all skill levels
    
+        
    Bootstrap is designed to help people of all skill level—designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex.
    
+      
    
+      
    
+        
+        
    Cross-everything
    
+        
    Originally built with only modern browsers in mind, Bootstrap has evolved to include support for all major browsers (even IE7!) and, with Bootstrap 2, tablets and smartphones, too.
    
+      
    
+    
    
+    
    
+      
    
+        
+        
    12-column grid
    
+        
    Grid systems aren't everything, but having a durable and flexible one at the core of your work can make development much simpler. Use our built-in grid classes or roll your own.
    
+      
    
+      
    
+        
+        
    Responsive design
    
+        
    With Bootstrap 2, we've gone fully responsive. Our components are scaled according to a range of resolutions and devices to provide a consistent experience, no matter what.
    
+      
    
+      
    
+        
+        
    Styleguide docs
    
+        
    Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only our features, but best practices and living, coded examples.
    
+      
    
+    
    
+    
    
+      
    
+        
+        
    Growing library
    
+        
    Despite being only 7kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components ready to be put to use.
    
+      
    
+      
    
+        
+        
    Custom jQuery plugins
    
+        
    What good is an awesome design component without easy-to-use, proper, and extensible interactions? With Bootstrap, you get custom-built jQuery plugins to bring your projects to life.
    
+      
    
+      
    
+        
+        
    Built on LESS
    
+        
    Where vanilla CSS falters, LESS excels. Variables, nesting, operations, and mixins in LESS makes coding CSS faster and more efficient with minimal overhead.
    
+      
    
+    
    
+    
    
+      
    
+        
+        
    HTML5
    
+        
    Built to support new HTML5 elements and syntax.
    
+      
    
+      
    
+        
+        
    CSS3
    
+        
    Progressively enhanced components for ultimate style.
    
+      
    
+      
    
+        
+        
    Open-source
    
+        
    Built for and maintained by the community via GitHub.
    
+      
    
+      
    
+        
+        
    Made at Twitter
    
+        
    Brought to you by an experienced engineer and designer.
    
+      
    
+    
    
 
 
+    
+    
    Get started in no time.
    
+    
    Quickly start using Bootstrap within your workflow and development process.
    
+    
+      
+        
+          
+          
+          
+        
+      
+    
    
+            
    Hotlink the CSS
    
+            
    For the quickest and easiest start, just copy this snippet into your webpage.
    
+            
    
+              
+            
    
+              		
+            
    Use it with LESS
    
+            
    A fan of using LESS? No problem, just clone the repo and add these lines:
    
+            
    
+              
+            
    
+              		
+            
    Fork on GitHub
    
+            
    Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.
    
+            
    Bootstrap on GitHub »
    
+            
    Currently v2.0.0
    
+          
    
+  
+
       
       
+
     
 
+
     
     
-    
-    
-    
+    
+    
+    
+    
+    
+    
     
+    
+    
+    
+    
+    
+    
+    
+    
+    
   
 
diff --git a/docs/javascript.html b/docs/javascript.html
index 6a240c4d4..fda3ae32b 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -25,7 +25,7 @@
 
   
 
-  
+  
 
     
@@ -34,8 +34,8 @@
         
    
           Bootstrap
           
             
-            
  • 
+            
  • 
               
                 Base CSS
                 
@@ -59,7 +59,7 @@
                 
  • Icons by Glyphicons
    • 
               
             
-            
  • 
+            
  • 
               
                 Components
                 
@@ -96,7 +96,7 @@
                 
  • Typeahead
    • 
               
             
-            
  • 
+            
  • 
               
                 Using LESS
               
@@ -107,1308 +107,1306 @@
     
    • 
 
     
    
-      
-      
    
-        
    Javascript for Bootstrap
    
-        
    Bring Bootstrap's components to life—now with 12 custom jQuery plugins.
-      
    
 
+
+
    
+  
    Javascript for Bootstrap
    
+  
    Bring Bootstrap's components to life—now with 12 custom jQuery plugins.
+
    
 
-      
-      
    
-        
    
-          
    jQuery plugins A dozen Bootstrap plugins to get you started
    
-        
    
-      
    
-        
    
-          
-        
    
-        
    
-          
-        
    
-        
    
-          
-        
    
-        
    
-          
-        
    
-      
     
-      
    
-        
    
-          
-        
    
-        
    
-          
-        
    
-        
    
-          
-        
    
-        
    
-          
-        
    
-      
     
-      
    
-        
    
-          
-        
    
-        
    
-          
-        
    
-        
    
-          
-        
    
-        
    
-          
-        
    
-      
     
-      
    
-        
    
-          
    
-            Download Source
-            
-              
-            
-            
+
+  
+  
    
+    
    
+      
    jQuery plugins A dozen Bootstrap plugins to get you started
    
+    
    
+  
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+  
     
+  
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+  
     
+  
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+  
     
+  
    
+    
    
+      
+    
    
+  
    
+  
    
+  Select/Unselect All Plugins
+  
    Note: All plugins require the latest version of jQuery to be included.
    
+
    
+
+
+
+
+
    
+  
    
+    
    Modals bootstrap-modal.js
    
+  
    
+  
    
+    
    
+      
    About modals
    
+      
    A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.
    
+      Download file
+    
    
+    
    
+      
    Static example
    
+      
    Below is a statically rendered modal.
    
+      
    
+        
    
+          
    
+            ×
+            
    Modal header
    
+          
    
+          
    
+            
    One fine body…
    
+          
    
+          
    
+            Save changes
+            Close
           
    
         
    
-      
    
-      
    
-      Select/Unselect All Plugins
-      
    Note: All plugins require the latest version of jQuery to be included.
    
-    
    
-
+      
     
+
+      
    Live demo
    
+      
    Toggle a modal via javascript by clicking the button below. It will slide down and fade in from the top of the page.
    
+      
+      
    
-
-
-
-    
-    
+
+
+
+
+
     
+
+       
 
-          
    
+      
    
 
-          
    Using bootstrap-dropdown.js
    
-          
    Call the dropdowns via javascript:
    
-          
    $('.dropdown-toggle').dropdown()
    
-          
    Markup
    
-          
    To quickly add dropdown functionality to any element just add data-toggle="dropdown" and any valid bootstrap dropdown will automatically be activated.
    
-          
    Notice For added control and flexibility, optionally specify a data-target="#fat" or href="#fat" - this allows you to target specific dropdowns.
    
+      
    Using bootstrap-dropdown.js
    
+      
    Call the dropdowns via javascript:
    
+      
    $('.dropdown-toggle').dropdown()
    
+      
    Markup
    
+      
    To quickly add dropdown functionality to any element just add data-toggle="dropdown" and any valid bootstrap dropdown will automatically be activated.
    
+      
    Notice For added control and flexibility, optionally specify a data-target="#fat" or href="#fat" - this allows you to target specific dropdowns.
    
 
 
     <ul class="nav pills">
-  <li class="active"><a href="#">Regular link</a></li>
-  <li class="dropdown" id="menu1">
-    <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
-      Dropdown
-      <b class="caret"></b>
-    </a>
-    <ul class="dropdown-menu">
-      <li><a href="#">Action</a></li>
-      <li><a href="#">Another action</a></li>
-      <li><a href="#">Something else here</a></li>
-      <li class="divider"></li>
-      <li><a href="#">Separated link</a></li>
-    </ul>
-  </li>
-  ...
+<li class="active"><a href="#">Regular link</a></li>
+<li class="dropdown" id="menu1">
+<a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
+  Dropdown
+  <b class="caret"></b>
+</a>
+<ul class="dropdown-menu">
+  <li><a href="#">Action</a></li>
+  <li><a href="#">Another action</a></li>
+  <li><a href="#">Something else here</a></li>
+  <li class="divider"></li>
+  <li><a href="#">Separated link</a></li>
+</ul>
+</li>
+...
 </ul>
    
-          
    Methods
    
-          
    $().dropdown()
    
-          
    
-          A programatic api for activating menus for a given navbar or tabbed navigation.
-          
    
-        
-      
-    
+      
    Methods
    
+      
    $().dropdown()
    
+      
    
+      A programatic api for activating menus for a given navbar or tabbed navigation.
+      
    
+    
+  
+
 
 
 
-   
-    
    
-      
    
-        
    ScrollSpy bootstrap-scrollspy.js
    
-      
    
-      
    
-        
    
-          
    The ScrollSpy plugin is for automatically updating nav targets based on scroll position.
    
-          Download file
-        
    
-        
    
-          
    Example navbar with scrollspy
    
-          
    Scroll the area below and watch the navigation update. The dropdown sub items will be highlighted as well. Try it!
    
-          
-    
    
+      
    
+        
    @fat
    
+        
    
+        Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
+        
    
+        
    @mdo
    
+        
    
+        Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.
+        
    
+        
    one
    
+        
    
+        Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.
+        
    
+        
    two
    
+        
    
+        In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.
+        
    
+        
    three
    
+        
    
+        Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
+        
    
+        
    Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats.
+        
    
+      
    
+      
    
+      
    Using bootstrap-scrollspy.js
    
+      
    Call the scrollspy via javascript:
    
+      
    $('#navbar').scrollspy()
    
+      
    Markup
    
+      
    To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body).
+      
    <body data-spy="scroll" >...</body>
    
+       
    Notice Navbar anchor tags must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.
+      
    Options
    
+      
+        
+         
+           
+           
+           
+           
+         
+        
+        
+         
+           
+           
+           
+           
+         
+        
+      
    Nametypedefaultdescription
    offsetnumber10Pixels to offset from top when calculating position of scroll.
    
+    
+  
+
 
 
 
-    
-    
    
-      
    
-        
    Togglable tabs bootstrap-tab.js
    
-      
    
-      
    
-        
    
-          
    This plugin adds quick, dynamic tab and pill functionality for transitioning through local content.
    
-          Download file
-        
    
-        
    
-          
    Example tabs
    
-          
    Click the tabs below to toggle between hidden panes, even via dropdown menus.
    
-          
    
+
    
+
+
+
+
    
+  
    
+    
    Tooltips bootstrap-tooltip.js
    
+  
    
+  
    
+    
    
+      
    About Tooltips
    
+      
    Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, uss css3 for animations, and data-attributes for local title storage.
    
+      Download file
+    
    
+    
    
+      
    Example use of Tooltips
    
+      
    Hover over the links below to see tooltips:
    
+      
    
+        
    Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.
+        
    
       
    
-    
    
-
-
-
-    
-    
    
-      
    
-        
    Popovers bootstrap-popover.js
    
+      
    
+      
    Using bootstrap-tooltip.js
    
+      
    Trigger the tooltip via javascript:
    
+      
    $('#example').tooltip(options)
    
+      
    Options
    
+      
+        
+         
+           
+           
+           
+           
+         
+        
+        
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+        
+      
    Nametypedefaultdescription
    animationbooleantrueapply a css fade transition to the tooltip
    placementstring'top'how to position the tooltip - top | bottom | left | right
    selectorstringfalseIf a selector is provided, tooltip objects will be delegated to the specified targets.
    titlestring | function''default title value if `title` tag isn't present
    triggerstring'hover'how tooltip is triggered - hover | focus | manual
    delaynumber | object0
+            
    delay showing/hiding the tooltip (ms)
    
+            
    If a number is supplied, delay is applied to both hide/show
    
+            
    Object structure is: delay: { show: 500, hide: 100 }
    
+           
    
+      
    Notice Individual tooltip instance options can alternatively be specified through the use of data attributes.
    
+      
    Markup
    
+      
    For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.
    
+      
    Methods
    
+      
    $().tooltip(options)
    
+      
    Attaches a tooltip handler to an element collection.
    
+      
    .tooltip('show')
    
+      
    Reveals an elements tooltip.
    
+      
    $('#element').tooltip('show')
    
+      
    .tooltip('hide')
    
+      
    Hides an elements tooltip.
    
+      
    $('#element').tooltip('hide')
    
+    
    
+  
+
    
+
+
+
+
+
    
+  
    
+    
    Popovers bootstrap-popover.js
    
+  
    
+  
    
+    
    
+      
    About popovers
    
+      
    Add small overlays of content, like those on the iPad, to any element for housing secondary information.
    
+      
    * Requires Tooltip to be included
    
+      Download file
+    
    
+    
    
+      
    Example hover popover
    
+      
    Hover over the button to trigger the popover.
    
+      
    
+        hover for popover
       
    
-      
    
-        
    
-          
    About popovers
    
-          
    Add small overlays of content, like those on the iPad, to any element for housing secondary information.
    
-          
    * Requires Tooltip to be included
    
-          Download file
-        
    
-        
    
-          
    Example hover popover
    
-          
    Hover over the button to trigger the popover.
    
-          
    
-            hover for popover
-          
    
-          
    
-          
    Using bootstrap-popover.js
    
-          
    Enable popovers via javascript:
    
-          
    $('#example').popover(options)
    
-          
    Options
    
-          
-            
-             
-               
-               
-               
-               
-             
-            
-            
-             
-               
-               
-               
-               
-             
-             
-               
-               
-               
-               
-             
-             
-               
-               
-               
-               
-             
-             
-               
-               
-               
-               
-             
-             
-               
-               
-               
-               
-             
-             
-               
-               
-               
-               
-             
-             
-               
-               
-               
-               
-             
-            
-          
    Nametypedefaultdescription
    animationbooleantrueapply a css fade transition to the tooltip
    placementstring'right'how to position the popover - top | bottom | left | right
    selectorstringfalseif a selector is provided, tooltip objects will be delegated to the specified targets
    triggerstring'hover'how tooltip is triggered - hover | focus | manual
    titlestring | function''default title value if `title` attribute isn't present
    contentstring | function''default content value if `data-content` attribute isn't present
    delaynumber | object0
-                
    delay showing/hiding the popover (ms)
    
-                
    If a number is supplied, delay is applied to both hide/show
    
-                
    Object structure is: delay: { show: 500, hide: 100 }
    
-               
    
-          
    Notice Individual popover instance options can alternatively be specified through the use of data attributes.
    
-          
    Markup
    
-          
    
-          For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a the selector option.
-          
    
-          
    Methods
    
-          
    $().popover(options)
    
-          
    Initializes popovers for an element collection.
    
-          
    .popover('show')
    
-          
    Reveals an elements popover.
    
-          
    $('#element').popover('show')
    
-          
    .popover('hide')
    
-          
    Hides an elements popover.
    
-          
    $('#element').popover('hide')
    
-        
    
+      
    
+      
    Using bootstrap-popover.js
    
+      
    Enable popovers via javascript:
    
+      
    $('#example').popover(options)
    
+      
    Options
    
+      
+        
+         
+           
+           
+           
+           
+         
+        
+        
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+        
+      
    Nametypedefaultdescription
    animationbooleantrueapply a css fade transition to the tooltip
    placementstring'right'how to position the popover - top | bottom | left | right
    selectorstringfalseif a selector is provided, tooltip objects will be delegated to the specified targets
    triggerstring'hover'how tooltip is triggered - hover | focus | manual
    titlestring | function''default title value if `title` attribute isn't present
    contentstring | function''default content value if `data-content` attribute isn't present
    delaynumber | object0
+            
    delay showing/hiding the popover (ms)
    
+            
    If a number is supplied, delay is applied to both hide/show
    
+            
    Object structure is: delay: { show: 500, hide: 100 }
    
+           
    
+      
    Notice Individual popover instance options can alternatively be specified through the use of data attributes.
    
+      
    Markup
    
+      
    
+      For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a the selector option.
+      
    
+      
    Methods
    
+      
    $().popover(options)
    
+      
    Initializes popovers for an element collection.
    
+      
    .popover('show')
    
+      
    Reveals an elements popover.
    
+      
    $('#element').popover('show')
    
+      
    .popover('hide')
    
+      
    Hides an elements popover.
    
+      
    $('#element').popover('hide')
    
+    
    
+  
    
+
    
+
+
+
+
+
    
+  
    
+    
    Alert messages bootstrap-alert.js
    
+  
    
+  
    
+    
    
+      
    About alerts
    
+      
    The alert plugin is a tiny class for adding close functionality to alerts.
    
+      Download
+    
    
+    
    
+      
    Example alerts
    
+      
    The alerts plugin works on regular alert messages, and block messages.
    
+      
    
+        ×
+        Holy guacamole! Best check yo self, you’re not looking too good.
       
    
-    
    
-
-
-
-    
-    
    
-      
    
-        
    Alert messages bootstrap-alert.js
    
+      
    
+        ×
+        
    Oh snap! You got an error!
    
+        
    Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
    
+        
    
+          Take this action Or do this
+        
    
       
    
-      
    
-        
    
-          
    About alerts
    
-          
    The alert plugin is a tiny class for adding close functionality to alerts.
    
-          Download
-        
    
-        
    
-          
    Example alerts
    
-          
    The alerts plugin works on regular alert messages, and block messages.
    
-          
    
-            ×
-            Holy guacamole! Best check yo self, you’re not looking too good.
-          
    
-          
    
-            ×
-            
    Oh snap! You got an error!
    
-            
    Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
    
-            
    
-              Take this action Or do this
-            
    
-          
    
-          
    
-          
    Using bootstrap-alerts.js
    
-          
    Enable dismissal of an alert via javascript:
    
-          
    $(".alert-message").alert()
    
-          
    Markup
    
-          
    Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.
    
-          
    <a class="close" data-dismiss="alert" href="#">&times;</a>
    
-          
    Methods
    
-          
    $().alert()
    
-          
    Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.
    
-          
    .alert('close')
    
-          
    Closes an alert.
    
-          
    $(".alert-message").alert('close')
    
-          
    Events
    
-          
    Bootstrap's alert class exposes a few events for hooking into alert functionality. 
    
-          
-            
-             
-               
-               
-             
-            
-            
-             
-               
-               
-             
-             
-               
-               
-             
-            
-          
    EventDescription
    closeThis event fires immediately when the close instance method is called.
    closedThis event is fired when the alert has been closed (will wait for css transitions to complete).
    
+      
    
+      
    Using bootstrap-alerts.js
    
+      
    Enable dismissal of an alert via javascript:
    
+      
    $(".alert-message").alert()
    
+      
    Markup
    
+      
    Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.
    
+      
    <a class="close" data-dismiss="alert" href="#">&times;</a>
    
+      
    Methods
    
+      
    $().alert()
    
+      
    Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.
    
+      
    .alert('close')
    
+      
    Closes an alert.
    
+      
    $(".alert-message").alert('close')
    
+      
    Events
    
+      
    Bootstrap's alert class exposes a few events for hooking into alert functionality. 
    
+      
+        
+         
+           
+           
+         
+        
+        
+         
+           
+           
+         
+         
+           
+           
+         
+        
+      
    EventDescription
    closeThis event fires immediately when the close instance method is called.
    closedThis event is fired when the alert has been closed (will wait for css transitions to complete).
    
 
     $('#my-alert').bind('closed', function () {
-  // do something ...
+// do something ...
 })
    
-        
    
-      
    
-    
    
-
-
-
-    
-    
    
-      
    
-        
    Buttons bootstrap-button.js
    
-      
    
-      
    
-        
    
-          
    About
    
-          
    Do more with buttons. Control button states or create groups of buttons for more components like toolbars.
    
-          Download file
-        
    
-        
    
-          
    Example uses
    
-          
    Use the buttons plugin for states and toggles.
    
-          
-            
-             
-               
-               
-             
-             
-               
-               
-             
-             
-               
-               
-             
-             
-               
-               
-             
-            
-          
    Stateful
-                  
-                
    Single toggle
-                  
-                
    Checkbox
-                  
    
-                    
-                    
-                    
-                  
    
-               
    Radio
-                  
    
-                    
-                    
-                    
-                  
    
-               
    
-          
    
-          
    Using bootstrap-button.js
    
-          
    Enable buttons via javascript:
    
-          
    $('.tabs').button()
    
-            
    Markup
    
-          
    Data attributes are integral to the button plugin. Check out the example code below for the various markup types.
    
+    
    
+  
    
+
    
+
+
+
+
+
    
+  
    
+    
    Buttons bootstrap-button.js
    
+  
    
+  
    
+    
    
+      
    About
    
+      
    Do more with buttons. Control button states or create groups of buttons for more components like toolbars.
    
+      Download file
+    
    
+    
    
+      
    Example uses
    
+      
    Use the buttons plugin for states and toggles.
    
+      
+        
+         
+           
+           
+         
+         
+           
+           
+         
+         
+           
+           
+         
+         
+           
+           
+         
+        
+      
    Stateful
+              
+            
    Single toggle
+              
+            
    Checkbox
+              
    
+                
+                
+                
+              
    
+           
    Radio
+              
    
+                
+                
+                
+              
    
+           
    
+      
    
+      
    Using bootstrap-button.js
    
+      
    Enable buttons via javascript:
    
+      
    $('.tabs').button()
    
+        
    Markup
    
+      
    Data attributes are integral to the button plugin. Check out the example code below for the various markup types.
    
 
     <!-- Add data-toggle="button" to activate toggling on a single button -->
 <button class="btn" data-toggle="button">Single Toggle</button>
 
 <!-- Add data-toggle="buttons-checkbox" for checkbox style toggling on btn-group -->
 <div class="btn-group" data-toggle="buttons-checkbox">
-  <button class="btn">Left</button>
-  <button class="btn">Middle</button>
-  <button class="btn">Right</button>
+<button class="btn">Left</button>
+<button class="btn">Middle</button>
+<button class="btn">Right</button>
 </div>
 
 <!-- Add data-toggle="buttons-radio" for radio style toggling on btn-group -->
 <div class="btn-group" data-toggle="buttons-radio">
-  <button class="btn">Left</button>
-  <button class="btn">Middle</button>
-  <button class="btn">Right</button>
+<button class="btn">Left</button>
+<button class="btn">Middle</button>
+<button class="btn">Right</button>
 </div>
 
    
-          
    Methods
    
-          
    $().button('toggle')
    
-          
    Toggles push state. Gives btn the look that it's been activated.
    
-          
    Notice You can enable auto toggling of a button by using the data-toggle attribute.
    
-          
    <button class="btn" data-toggle="button" >...</button>
    
-          
    $().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 class="btn" data-loading-text="loading stuff..." >...</button>
    
-          
    
-            Notice Firefox persists the disabled state across page loads. A workaround for this is to use: autocomplete="off". More info can be found here.
-          
    
-           
    $().button('reset')
    
-           
    Resets button state - swaps text to original text.
    
-           
    $().button(string)
    
-           
    Resets button state - swaps text to any data defined text state.
    
+      
    Methods
    
+      
    $().button('toggle')
    
+      
    Toggles push state. Gives btn the look that it's been activated.
    
+      
    Notice You can enable auto toggling of a button by using the data-toggle attribute.
    
+      
    <button class="btn" data-toggle="button" >...</button>
    
+      
    $().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 class="btn" data-loading-text="loading stuff..." >...</button>
    
+      
    
+        Notice Firefox persists the disabled state across page loads. A workaround for this is to use: autocomplete="off". More info can be found here.
+      
    
+       
    $().button('reset')
    
+       
    Resets button state - swaps text to original text.
    
+       
    $().button(string)
    
+       
    Resets button state - swaps text to any data defined text state.
    
 
    <button class="btn" data-complete-text="finished!" >...</button>
 <script>
-  $('.btn').button('complete')
+$('.btn').button('complete')
 </script>
    
-        
    
-      
    
-    
    
-
-
-
-    
-    
    
-      
    
-        
    Collapse bootstrap-collapse.js
    
-      
    
-      
    
-        
    
-          
    About
    
-          
    Get base styles and flexible support for collapsible components like accordions and navigation.
    
-          Download file
-        
    
-        
    
-          
    Example accordion
    
-          
    Using the collapse plugin, we built a simple accordion style widget:
    
-        
-          
    
-            
    
-              
    
-                
-                  Collapsible Group Item #1
-                
-              
    
-              
    
-                
    
-                  Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
-                
    
-              
    
+    
    
+  
    
+
    
+
+
+
+
+
    
+  
    
+    
    Collapse bootstrap-collapse.js
    
+  
    
+  
    
+    
    
+      
    About
    
+      
    Get base styles and flexible support for collapsible components like accordions and navigation.
    
+      Download file
+    
    
+    
    
+      
    Example accordion
    
+      
    Using the collapse plugin, we built a simple accordion style widget:
    
+    
+      
    
+        
    
+          
    
+            
+              Collapsible Group Item #1
+            
+          
    
+          
    
+            
    
+              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
             
    
-            
    
-              
    
-                
-                  Collapsible Group Item #2
-                
-              
    
-              
    
-                
    
-                  Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
-                
    
-              
    
+          
    
+        
    
+        
    
+          
    
+            
+              Collapsible Group Item #2
+            
+          
    
+          
    
+            
    
+              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
             
    
-            
    
-              
    
-                
-                  Collapsible Group Item #3
-                
-              
    
-              
    
-                
    
-                  Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
-                
    
-              
    
+          
    
+        
    
+        
    
+          
    
+            
+              Collapsible Group Item #3
+            
+          
    
+          
    
+            
    
+              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
             
    
           
    
+        
    
+      
    
 
-          
-          
    
-          
    Using bootstrap-collapse.js
    
-          
    Enable via javascript:
    
-          
    $(".collapse").collapse()
    
-          
    Options
    
-          
-            
-             
-               
-               
-               
-               
-             
-            
-            
-             
-               
-               
-               
-               
-             
-             
-               
-               
-               
-               
-             
-            
-          
    Nametypedefaultdescription
    parentselectorfalseIf selector then all collapsible elements under the specified parent will be closed when this collasabile item is shown. (similar to traditional accordion behavior)
    togglebooleantrueToggles the collapsible element on invocation
    
-          
    Markup
    
-          
    Just add data-toggle="collapse" and a data-target to element to automatically assign control of a collapsible element. The data-target attribute accepts a css selector to apply the collapse to. Be sure to add the class collapse to the collapsible element. If you'd like it to default open, add the additional class in.
    
-          
    +      
+      
    
+      
    Using bootstrap-collapse.js
    
+      
    Enable via javascript:
    
+      
    $(".collapse").collapse()
    
+      
    Options
    
+      
+        
+         
+           
+           
+           
+           
+         
+        
+        
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+        
+      
    Nametypedefaultdescription
    parentselectorfalseIf selector then all collapsible elements under the specified parent will be closed when this collasabile item is shown. (similar to traditional accordion behavior)
    togglebooleantrueToggles the collapsible element on invocation
    
+      
    Markup
    
+      
    Just add data-toggle="collapse" and a data-target to element to automatically assign control of a collapsible element. The data-target attribute accepts a css selector to apply the collapse to. Be sure to add the class collapse to the collapsible element. If you'd like it to default open, add the additional class in.
    
+      
     <button class="btn danger" data-toggle="collapse" data-target="#demo">
-  simple collapsible
+simple collapsible
 </button>
 
 <div id="demo" class="collapse in"> … </div>
    
-         
    Notice To add accordion like group management to a collapsible control just add the additional data attribute data-parent="#selector". Refer to the demo below to see this in action.
    
-          
    Methods
    
-          
    .collapse(options)
    
-          
    Activates your content as a collapsible element. Accepts an optional options object.
+     
    Notice To add accordion like group management to a collapsible control just add the additional data attribute data-parent="#selector". Refer to the demo below to see this in action.
    
+      
    Methods
    
+      
    .collapse(options)
    
+      
    Activates your content as a collapsible element. Accepts an optional options object.
 
     $('#myCollapsible').collapse({
-  toggle: false
+toggle: false
 })
    
-          
    .collapse('toggle')
    
-          
    Toggles a collapsible element to shown or hidden.
    
-          
    .collapse('show')
    
-          
    Shows a collapsible element.
    
-          
    .collapse('hide')
    
-          
    Hides a collapsible element.
    
-          
    Events
    
-          
    
-            Bootstrap's collapse class exposes a few events for hooking into collapse functionality.
-          
    
-          
-            
-             
-               
-               
-             
-            
-            
-             
-               
-               
-             
-             
-               
-               
-             
-             
-               
-               
-             
-             
-               
-               
-             
-            
-          
    EventDescription
    showThis event fires immediately when the show instance method is called.
    shownThis event is fired when a collapse element has been made visible to the user (will wait for css transitions to complete).
    hide
-                This event is fired immediately when the hide method has been called.
-               
    hiddenThis event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete).
    
+      
    .collapse('toggle')
    
+      
    Toggles a collapsible element to shown or hidden.
    
+      
    .collapse('show')
    
+      
    Shows a collapsible element.
    
+      
    .collapse('hide')
    
+      
    Hides a collapsible element.
    
+      
    Events
    
+      
    
+        Bootstrap's collapse class exposes a few events for hooking into collapse functionality.
+      
    
+      
+        
+         
+           
+           
+         
+        
+        
+         
+           
+           
+         
+         
+           
+           
+         
+         
+           
+           
+         
+         
+           
+           
+         
+        
+      
    EventDescription
    showThis event fires immediately when the show instance method is called.
    shownThis event is fired when a collapse element has been made visible to the user (will wait for css transitions to complete).
    hide
+            This event is fired immediately when the hide method has been called.
+           
    hiddenThis event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete).
    
 
 
     $('#myCollapsible').on('hidden', function () {
-  // do something ...
+// do something ...
 })
    
-        
    
-      
    
-    
    
-
-
-
-     
-    
+
+
+
+ 
+
-
-
-
-    
-    
    
-      
    
-        
    Typeahead bootstrap-typeahead.js
    
+      
    .carousel('cycle')
    
+      
    Cycles through the carousel items from left to right.
    
+      
    .carousel('pause')
    
+      
    Stops the carousel from cycling through items.
    
+      
    .carousel(number)
    
+      
    Cycles the carousel to a particular frame (0 based, similar to an array).
    
+      
    .carousel('prev')
    
+      
    Cycles to the previous item.
    
+      
    .carousel('next')
    
+      
    Cycles to the next item.
    
+      
    Events
    
+      
    Bootstrap's modal class exposes a few events for hooking into modal functionality. 
    
+      
+        
+         
+           
+           
+         
+        
+        
+         
+           
+           
+         
+         
+           
+           
+         
+         
+        
+      
    EventDescription
    slideThis event fires immediately when the slide instance method is invoked.
    slidThis event is fired when the carousel has completed it's slide transition.
    
+    
    
+  
+
    
+
+
+
+
+
    
+  
    
+    
    Typeahead bootstrap-typeahead.js
    
+  
    
+  
    
+    
    
+      
    About
    
+      
    A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.
    
+      Download file
+    
    
+    
    
+      
    Example
    
+      
    Start typing in the field below to show the typeahead results.
    
+      
    
+        
       
    
-      
    
-        
    
-          
    About
    
-          
    A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.
    
-          Download file
-        
    
-        
    
-          
    Example
    
-          
    Start typing in the field below to show the typeahead results.
    
-          
    
-            
-          
    
-          
    
-          
    Using bootstrap-typeahead.js
    
-          
    Call the typeahead via javascript:
    
-          
    $('.typeahead').typeahead()
    
-          
    Options
    
-          
-            
-             
-               
-               
-               
-               
-             
-            
-            
-             
-               
-               
-               
-               
-             
-            
-          
    Nametypedefaultdescription
    itemsnumber8The max number of items to display in the dropdown.
    
-
-          
    Markup
    
-          
    Add data attributes to register an element with typeahead functionality.
    
+      
    
+      
    Using bootstrap-typeahead.js
    
+      
    Call the typeahead via javascript:
    
+      
    $('.typeahead').typeahead()
    
+      
    Options
    
+      
+        
+         
+           
+           
+           
+           
+         
+        
+        
+         
+           
+           
+           
+           
+         
+        
+      
    Nametypedefaultdescription
    itemsnumber8The max number of items to display in the dropdown.
    
+
+      
    Markup
    
+      
    Add data attributes to register an element with typeahead functionality.
    
 
     <input type="text" data-provide="typeahead">
 
    
-        
    
-      
    
-    
    
-
-
-
+    
+  
+
       
       
+
     
 
 
@@ -1438,34 +1437,5 @@ $('.myCarousel').carousel({
     
     
     
-    
   
 
diff --git a/docs/less.html b/docs/less.html
index 09ff3e8e1..84f58f00d 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -7,7 +7,7 @@
     
     
 
-    
+    
     
@@ -18,10 +18,11 @@
     
 
     
-    
-    
-    
-    
+    
+    
+    
+    
+
   
 
   
@@ -33,8 +34,8 @@
         
    
           Bootstrap
           
             
-            
  • 
+            
  • 
               
                 Base CSS
                 
@@ -58,7 +59,7 @@
                 
  • Icons by Glyphicons
    • 
               
             
-            
  • 
+            
  • 
               
                 Components
                 
@@ -75,7 +76,7 @@
                 
  • Progress bars
    • 
               
             
-            
  • 
+            
  • 
               
                 Javascript plugins
                 
@@ -513,8 +514,6 @@
 
    • 
 
 
-
-
       
       
+
     
 
+
     
     
-    
+    
+    
     
-    
+    
+    
+    
     
+    
+    
+    
+    
+    
+    
+    
+    
+    
   
 
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index f068c837c..7fdbea0ec 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -7,7 +7,7 @@
     
     
 
-    
+    
     
@@ -18,10 +18,11 @@
     
 
     
-    
-    
-    
-    
+    
+    
+    
+    
+
   
 
   
@@ -33,7 +34,7 @@
         
    
           Bootstrap
           
             
-            
  • 
+            
  • 
               
                 Base CSS
                 
@@ -58,7 +59,7 @@
                 
  • Icons by Glyphicons
    • 
               
             
-            
  • 
+            
  • 
               
                 Components
                 
@@ -75,7 +76,7 @@
                 
  • Progress bars
    • 
               
             
-            
  • 
+            
  • 
               
                 Javascript plugins
                 
@@ -95,7 +96,7 @@
                 
  • Typeahead
    • 
               
             
-            
  • 
+            
  • 
               
                 Using LESS
               
@@ -107,12 +108,13 @@
 
     
    
 
-      
-      
    
-        
    Scaffolding
    
-        
    Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.
    
-      
    
+
+
+
    
+  
    Scaffolding
    
+  
    Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.
    
+
    
 
 
 
@@ -417,8 +419,6 @@
     
    
   
    • 
 
-
-
       
       
+
     
 
+
     
     
-    
+    
+    
     
     
-    
+    
+    
     
+    
+    
+    
+    
+    
+    
+    
+    
     
-
   
 
diff --git a/docs/templates/layout.mustache b/docs/templates/layout.mustache
new file mode 100644
index 000000000..cc36a05ed
--- /dev/null
+++ b/docs/templates/layout.mustache
@@ -0,0 +1,144 @@
+
+
+  
+    
+    Bootstrap, from Twitter
+    
+    
+    
+
+    
+    
+
+    
+    
+    
+    
+
+    
+    
+    
+    
+    
+
+  
+
+  
+
+    
+    
    
+      
    
+        
    
+          Bootstrap
+          
+        
    
+      
    
+    
    
+
+    
    
+
+{{>body}}
+
+      
+      
+
+    
    
+
+
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+  
+
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
new file mode 100644
index 000000000..3933c867d
--- /dev/null
+++ b/docs/templates/pages/base-css.mustache
@@ -0,0 +1,1427 @@
+
+
    
+  
    Base CSS
    
+  
    On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.
    
+
    
+
+
+
+
    
+  
    
+    
    Typography Headings, paragraphs, lists, and other inline type elements
    
+  
    
+
+  
    Headings & body copy
    
+
+  
+  
    
+    
    
+      
    Typographic scale
    
+      
    The entire typographic grid is based on two Less variables in our preboot.less file: @baseFontSize and @baseLineHeight. The first is the base font-size used throughout and the second is the base line-height.
    
+      
    We use those variables, and some math, to create the margins, paddings, and line-heights of all our type and more.
    
+    
    
+    
    
+      
    Example body text
    
+      
    Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.
    
+      
    Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.
    
+    
    
+    
    
+      
    
+        
    h1. Heading 1
    
+        
    h2. Heading 2
    
+        
    h3. Heading 3
    
+        
    h4. Heading 4
    
+        
    h5. Heading 5
    
+        
    h6. Heading 6
    
+      
    
+    
    
+  
    
+
+  
+  
    Emphasis, address, and abbreviation
    
+  
+    
+      
+        
+        
+        
+      
+    
+    
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+    
+  
    ElementUsageOptional
    
+          <strong>
+        
+          For emphasizing a snippet of text with important
+        
+          None
+        
    
+          <em>
+        
+          For emphasizing a snippet of text with stress
+        
+          None
+        
    
+          <abbr>
+        
+          Wraps abbreviations and acronyms to show the expanded version on hover
+        
+          Include optional title for expanded text
+        
    
+          <address>
+        
+          For contact information for its nearest ancestor or the entire body of work
+        
+          Preserve formatting by ending all lines with <br>
+        
    
+
+  
    
+    
    
+      
    Using emphasis
    
+      
    Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue.
    
+      
    Note: Feel free to use <b> and <i> in HTML5, but their usage has changed a bit. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.
    
+    
    
+    
    
+      
    Example addresses
    
+      
    Here are two examples of how the <address> tag can be used:
    
+      
    
+        Twitter, Inc.
    
+        795 Folsom Ave, Suite 600
    
+        San Francisco, CA 94107
    
+        P: (123) 456-7890
+      
    
+      
    
+        Full Name
    
+        first.last@gmail.com
+      
    
+    
    
+    
    
+      
    Example abbreviations
    
+      
    Abbreviations are styled with uppercase text and a light dotted bottom border. They also have a help cursor on hover so users have extra indication something will be shown on hover.
    
+      
    HTML is the best thing since sliced bread.
    
+      
    An abbreviation of the word attribute is attr.
    
+    
    
+  
    
+
+
+  
+  
    Blockquotes
    
+  
+    
+      
+        
+        
+        
+      
+    
+    
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+    
+  
    ElementUsageOptional
    
+          <blockquote>
+        
+          Block-level element for quoting content from another source
+        
+          
    Add cite attribute for source URL
    
+          Use .pull-left and .pull-right classes for floated options
+        
    
+          <small>
+        
+          Optional element for adding a user-facing citation, typically an author with title of work
+        
+          Place the <cite> around the title or name of source
+        
    
+  
    
+    
    
+      
    To include a blockquote, wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.
    
+      
    Include an optional <small> element to cite your source and you'll get an em dash &mdash; before it for styling purposes.
    
+    
    
+    
    
+
    +<blockquote>
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.</p>
+  <small>Someone famous</small>
+</blockquote>
+
    
+    
    
+  
    
+
+  
    Example blockquotes
    
+  
    
+    
    
+      
    Default blockquotes are styled as such:
    
+      
    
+        
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.
    
+        Someone famous in Body of work
+      
    
+    
    
+    
    
+      
    To float your blockquote to the right, add class="pull-right":
    
+      
    
+        
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.
    
+        Someone famous in Body of work
+      
    
+    
    
+  
    
+
+
+  
+  
    Lists
    
+  
    
+    
    
+      
    Unordered
    
+      
    <ul>
    
+      
      
+        
    • Lorem ipsum dolor sit amet
      • 
+        
    • Consectetur adipiscing elit
      • 
+        
    • Integer molestie lorem at massa
      • 
+        
    • Facilisis in pretium nisl aliquet
      • 
+        
    • Nulla volutpat aliquam velit
+          
        
+            
      • Phasellus iaculis neque
        • 
+            
      • Purus sodales ultricies
        • 
+            
      • Vestibulum laoreet porttitor sem
        • 
+            
      • Ac tristique libero volutpat at
        • 
+          
      
+        
      • 
+        
    • Faucibus porta lacus fringilla vel
      • 
+        
    • Aenean sit amet erat nunc
      • 
+        
    • Eget porttitor lorem
      • 
+      
    
+    
    
+    
    
+      
    Unstyled
    
+      
    <ul class="unstyled">
    
+      
      
+        
    • Lorem ipsum dolor sit amet
      • 
+        
    • Consectetur adipiscing elit
      • 
+        
    • Integer molestie lorem at massa
      • 
+        
    • Facilisis in pretium nisl aliquet
      • 
+        
    • Nulla volutpat aliquam velit
+          
        
+            
      • Phasellus iaculis neque
        • 
+            
      • Purus sodales ultricies
        • 
+            
      • Vestibulum laoreet porttitor sem
        • 
+            
      • Ac tristique libero volutpat at
        • 
+          
      
+        
      • 
+        
    • Faucibus porta lacus fringilla vel
      • 
+        
    • Aenean sit amet erat nunc
      • 
+        
    • Eget porttitor lorem
      • 
+      
    
+    
    
+    
    
+      
    Ordered
    
+      
    <ol>
    
+      
      
+        
    1. Lorem ipsum dolor sit amet
      2. 
+        
    2. Consectetur adipiscing elit
      3. 
+        
    3. Integer molestie lorem at massa
      4. 
+        
    4. Facilisis in pretium nisl aliquet
      5. 
+        
    5. Nulla volutpat aliquam velit
      6. 
+        
    6. Faucibus porta lacus fringilla vel
      7. 
+        
    7. Aenean sit amet erat nunc
      8. 
+        
    8. Eget porttitor lorem
      9. 
+      
    
+    
    
+    
    
+      
    Description
    
+      
    <dl>
    
+      
    
+        
    Description lists
    
+        
    A description list is perfect for defining terms.
    
+        
    Euismod
    
+        
    Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
    
+        
    Donec id elit non mi porta gravida at eget metus.
    
+        
    Malesuada porta
    
+        
    Etiam porta sem malesuada magna mollis euismod.
    
+      
    
+    
    
+  
    
+
+
+  
+
+  
    Code Inline and block
    
+  
+    
+      
+        
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+        
+      
+      
+        
+        
+      
+    
+  
    ElementResult
    <code>In a line of text like this, your wrapped code will look like this <html> element.
    <pre>
+
    <div>
+  <h1>Heading</h1>
+  <p>Something right here...</p>
+</div>
    
+          
    Note: Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.
    
+        
    <pre class="prettyprint">
+          
    Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.
    
+
    <div>
+  <h1>Heading</h1>
+  <p>Something right here...</p>
+</div>
    
+
    <div>
+  <h1>Heading</h1>
+  <p>Something right here...</p>
+</div>
    
+          
    Download google-code-prettify and view the readme for how to use.
    
+        
    
+
+  
+  
    Inline labels for special attention
    
+  
+    
+      
+        
+        
+      
+    
+    
+      
+        
+        
+      
+      
+        
+        
+      
+      
+        
+        
+      
+      
+        
+        
+      
+      
+        
+        
+      
+    
+  
    LabelsMarkup
    
+          Default
+        
+          <span class="label">Default</span>
+        
    
+          New
+        
+          <span class="label success">New</span>
+        
    
+          Warning
+        
+          <span class="label warning">Warning</span>
+        
    
+          Important
+        
+          <span class="label important">Important</span>
+        
    
+          Notice
+        
+          <span class="label notice">Notice</span>
+        
    
+
+
    
+
+
+
+
+
    
+  
    
+    
    Tables For, you guessed it, tabular data
    
+  
    
+
+  
    Table markup
    
+  
    
+    
    
+      
+        
+          
+            
+            
+          
+        
+        
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+        
+      
    TagDescription
    
+              <table>
+            
+              Wrapping element for displaying data in a tabular format
+            
    
+              <thead>
+            
+              Container element for table header rows (<tr>) to label table columns
+            
    
+              <tbody>
+            
+              Container element for table rows (<tr>) in the body of the table
+            
    
+              <tr>
+            
+              Container element for a set of table cells (<td> or <th>) that appears on a single row
+            
    
+              <td>
+            
+              Default table cell
+            
    
+              <th>
+            
+              Special table cell for column (or row, depending on scope and placement) labels
    
+              Must be used within a <thead>
+            
    
+              <caption>
+            
+              Description or summary of what the table holds, especially useful for screen readers
+            
    
+    
    
+    
    
+
    +<table>
+  <thead>
+    <tr>
+      <th>...</th>
+      <th>...</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>...</td>
+      <td>...</td>
+    </tr>
+  </tbody>
+</table>
+
    
+    
    
+  
    
+
+  
    Table options
    
+  
+  
+      
+        
+        
+        
+      
+    
+    
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+    
+  
    NameClassDescription
    DefaultNoneNo styles, just columns and rows
    Basic
+          .table
+        Only horizontal lines between rows
    Bordered
+          .table-bordered
+        Rounds corners and adds outter border
    Zebra-stripe
+          .table-striped
+        Adds light gray background color to odd rows (1, 3, 5, etc)
    Condensed
+          .table-condensed
+        Cuts vertical padding in half, from 8px to 4px, within all td and th elements
    
+
+
+  
    Example tables
    
+
+  
    1. Default table styles
    
+  
    
+    
    
+      
    Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the .table class is required.
    
+
    +<table class="table">
+  ...
+</table>
    
+    
    
+    
    
+      
+        
+          
+            
+            
+            
+            
+          
+        
+        
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+        
+      
    #First NameLast NameLanguage
    1MarkOttoCSS
    2JacobThorntonJavascript
    3StuDentHTML
    
+    
    
+  
    
+
+
+  
    2. Striped table
    
+  
    
+    
    
+      
    Get a little fancy with your tables by adding zebra-striping—just add the .table-striped class.
    
+      
    Note: Sprited tables use the :nth-child CSS selector and is not available in IE7-IE8.
    
+
    +<table class="table table-striped">
+  ...
+</table>
    
+    
    
+    
    
+      
+        
+          
+            
+            
+            
+            
+          
+        
+        
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+        
+      
    #First NameLast NameLanguage
    1MarkOttoCSS
    2JacobThorntonJavascript
    3StuDentHTML
    
+    
    
+  
    
+
+
+  
    3. Bordered table
    
+  
    
+    
    
+      
    Add borders around the entire table and rounded corners for aesthetic purposes.
    
+
    +<table class="table table-bordered">
+  ...
+</table>
    
+    
    
+    
    
+      
+        
+          
+            
+            
+            
+            
+          
+        
+        
+          
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+        
+      
    #First NameLast NameLanguage
    1Mark OttoCSS
    2JacobThorntonJavascript
    3StuDent
    3BrosefStalinHTML
    
+    
    
+  
    
+
+
+  
    4. Condensed table
    
+  
    
+    
    
+      
    Make your tables more compact by adding the .table-condensed class to cut table cell padding in half (from 10px to 5px).
    
+
    +<table class="table table-condensed">
+  ...
+</table>
    
+    
    
+    
    
+      
+        
+          
+            
+            
+            
+            
+          
+        
+        
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+        
+      
    #First NameLast NameLanguage
    1MarkOttoCSS
    2JacobThorntonJavascript
    3StuDentHTML
    
+    
    
+  
    
+
+
+
+  
    5. Striped table w/ TableSorter.js
    
+  
    
+    
    
+      
    Include the jQuery Tablesorter plugin and automaically get clear styles for sorted columns.
    
+
    +<script src="jquery.tablesorter.js"></script>
+<script >
+  $(function() {
+    $("table#sortTableExample")
+    .tablesorter({
+      sortList: [[1,0]]
+    });
+  });
+</script>
+<table class="table table-striped">
+  ...
+</table>
    
+    
    
+    
    
+      
+        
+          
+            
+            
+            
+            
+          
+        
+        
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+        
+      
    #First NameLast NameLanguage
    1MarkOttoCSS
    2JacobThorntonJavascript
    3StuDentHTML
    4BrosefStalinHTML
    
+      
    Styles for the Tablesorter, zebra striping, borders, and condensing may all compound in any variation to fit your needs.
    
+      
+        
+          
+            
+            
+            
+            
+          
+        
+        
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+        
+      
    #First NameLast NameLanguage
    1MarkOttoCSS
    2JacobThorntonJavascript
    3StuDentHTML
    4BrosefStalinHTML
    
+    
    
+  
    
+
    
+
+
+
+
+
    
+  
    
+    
    Forms
    
+  
    
+  
    
+    
    
+      
    Flexible HTML and CSS
    
+      
    The best part about forms in Bootstrap is that all your inputs and controls look great no matter how you build them in your markup. No superfluous HTML is required, but we provide the patterns for those who require it.
    
+      
    More complicated layouts come with succinct and scalable classes for easy styling and event binding, so you're covered at every step.
    
+    
    
+    
    
+      
    Four layouts included
    
+      
    Bootstrap comes with support for four types of form layouts:
    
+      
      
+        
    • Vertical (default)
      • 
+        
    • Search
      • 
+        
    • Inline
      • 
+        
    • Horizontal
      • 
+      
    
+      
    Different types of form layouts require some changes to markup, but the controls themselves remain and behave the same.
    
+    
    
+    
    
+      
    Control states and more
    
+      
    Bootstrap's forms include styles for all the base form controls like input, textarea, and select you'd expect. But it also comes with a number of custom components like appended and prepended inputs and support for lists of checkboxes.
    
+      
    States like error, warning, and success are included for each type of form control. Also included are styles for disabled controls.
    
+    
    
+  
    
+
+  
    Four types of forms
    
+  
    Bootstrap provides simple markup and styles for four styles of common web forms.
    
+  
+    
+      
+        
+        
+        
+      
+    
+    
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+    
+  
    NameClassDescription
    Vertical (default).vertical-form (not required)Stacked, left-aligned labels over controls
    Horizontal.form-horizontalFloat left, right-aligned labels on same line as controls
    Inline.form-inlineLeft-aligned label and inline-block controls for compact style
    Search.form-searchExtra-rounded text input for a typical search aesthetic
    
+
+
+  
    Example forms using just form controls, no extra markup
    
+  
    
+    
    
+      
    Basic form
    
+      
    With v2.0, we have lighter and smarter defaults for form styles. No extra markup, just form controls.
    
+      
    
+        
+        
+        
+        
+      
    
+    
    
+    
    
+      
    Search form
    
+      
    Reflecting default WebKit styles, just add .form-search for extra rounded search fields.
    
+      
    
+        
+        
+      
    
+    
    
+    
    
+      
    Inline form
    
+      
    Inputs are block level to start. For .form-inline and .form-horizontal, we use inline-block.
    
+      
    
+        
+        
+        
+      
    
+    
    
+  
    
+
+  
    
+
+  
    Horizontal forms
    
+  
    
+    
    
+      
    
+        Controls Bootstrap supports
+        
    
+          
+          
    
+            
+            
    In addition to freeform text, any HTML5 text-based input appears like so.
    
+          
    
+        
    
+        
    
+          
+          
    
+            
+          
    
+        
    
+        
    
+          
+          
    
+            
+          
    
+        
    
+        
    
+          
+          
    
+            
+          
    
+        
    
+        
    
+          
+          
    
+            
+          
    
+        
    
+        
    
+          
+          
    
+            
+          
    
+        
    
+        
    
+          
+          
+        
    
+      
    
+    
    
+    
    
+      
    
+        
    What's included
    
+        
    Shown on the left are all the default form controls we support. Here's the bulleted list:
    
+        
      
+          
    • text inputs (text, password, email, etc)
      • 
+          
    • checkbox
      • 
+          
    • radio
      • 
+          
    • select
      • 
+          
    • multiple select
      • 
+          
    • file input
      • 
+          
    • textarea
      • 
+        
    
+        
    
+        
    New defaults with v2.0
    
+        
    Up to v1.4, Bootstrap's default form styles used the horizontal layout. With Bootstrap 2, we removed that constraint to have smarter, more scalable defaults for any form.
    
+      
    
+    
    
+  
    
+
+  
    
+
+  
    
+    
    
+      
    
+        Form control states
+        
    
+          
+          
    
+            
+          
    
+        
    
+        
    
+          
+          
    
+            
+          
    
+        
    
+        
    
+          
+          
    
+            
+          
    
+        
    
+        
    
+          
+          
    
+            
+            Something may have gone wrong
+          
    
+        
    
+        
    
+          
+          
    
+            
+            Please correct the error
+          
    
+        
    
+        
    
+          
+          
    
+            
+            Woohoo!
+          
    
+        
    
+        
    
+          
+          
+        
    
+      
    
+    
    
+    
    
+      
    
+        
    Redesigned browser states
    
+        
    Bootstrap features styles for browser-supported focused and disabled states. We remove the default Webkit outline and apply a box-shadow in it's place for :focus.
    
+        
    
+        
    Form validation
    
+        
    It also includes validation styles for errors, warnings, and success. To use, add the a class to the surrounding .control-group.
    
+
    +<fieldset
+  class="control-group error">
+  ...
+</fieldset>
+
    
+      
    
+    
    
+  
    
+
+  
    
+
+  
    
+    
    
+      
    
+        Extending form controls
+        
    
+          
+          
    
+            
+            
+            
+            
    Use the same .span* classes from the grid system for input sizes.
    
+          
    
+        
    
+        
    
+          
+          
    
+            
    
+              @
+              
+            
    
+            
    Here's some help text
    
+          
    
+        
    
+        
    
+          
+          
    
+            
    
+              
+              .00
+            
    
+            
    Here's more help text
    
+          
    
+        
    
+        
    
+          
+          
    
+            
+            
+            
+          
    
+        
    
+        
    
+          
+          
    
+            
+            
+            
+            
    Note: Labels surround all the options for much larger click areas and a more usable form.
    
+          
    
+        
    
+        
    
+          
+          
    
+            
+            
+          
    
+        
    
+        
    
+          
+          
+        
    
+      
    
+    
    
+    
    
+      
    
+        
    Prepend & append inputs
    
+        
    Input groups—with appended or prepended text—provide an easy way to give more context for your inputs. Great examples include the @ sign for Twitter usernames or $ for finances.
    
+        
    
+        
    Checkboxes and radios
    
+        
    Up to v1.4, Bootstrap required extra markup around checkboxes and radios to stack them. Now, it's a simple matter of repeating the <label class="checkbox"> that wraps the <input type="checkbox">.
    
+        
    Inline checkboxes and radios are also supported. Just add .inline to any .checkbox or .radio and you're done.
    
+      
    
+    
    
+  
    
+
    
+
+
+
+
    
+  
    
+    
    Buttons
    
+  
    
+  
+    
+      
+        
+        
+        
+      
+    
+    
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+    
+  
    ButtonClassDescription
    Default.btnStandard gray button with gradient
    Primary.primaryProvides extra visual weight and identifies the primary action in a set of buttons
    Info.infoUsed as an alternate to the default styles
    Success.successIndicates a successful or positive action
    Danger.dangerIndicates a dangerous or potentially negative action
    
+
+  
    
+    
    
+      
    Buttons for actions
    
+      
    As a convention, buttons should only be used for actions while hyperlinks are to be used for objects. For instance, "Download" should be a button while "recent activity" should be a link.
    
+    
    
+    
    
+      
    For anchors and forms
    
+      
    Button styles can be applied to anything with the .btn applied. However, typically you’ll want to apply these to only <a> and <button> elements.
    
+    
    
+    
    
+      
    Note: All buttons must include the .btn class. Button styles should be applied to <button> and <a> elements for consistency.
    
+    
    
+  
    
+
+  
    
+    
    
+      
    Multiple sizes
    
+      
    Fancy larger or smaller buttons? Have at it!
    
+      
    
+        Primary action
+        Action
+      
    
+      
    
+        Primary action
+        Action
+      
    
+    
    
+    
    
+      
    Disabled state
    
+      
    For buttons that are not active or are disabled by the app for one reason or another, use the disabled state. That’s .disabled for links and :disabled for <button> elements.
    
+      
    
+        Primary action
+        Action
+      
    
+      
    
+         
+      
    
+    
    
+  
    
+
+  
    
+
+
    
+
+
+
+
+
    
+  
    
+    
    Icons Graciously provided by Glyphicons
    
+  
    
+  
    
+    
    
+      
    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+      
    
+    
    
+    
    
+      
    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+      
    
+    
    
+    
    
+      
    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+      
    
+    
    
+    
    
+      
    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+      
    
+    
    
+    
    
+      
    
+        
+        
+        
+        
+        
+        
+        
+        
+        
+        
+      
    
+    
    
+    
    
+      
    Light red background color is only used to show the dimensions of the icons in the docs.
    
+    
    
+  
    
+
+  
    
+
+  
    
+    
    
+      
    Built as a sprite
    
+      
    Instead of making every icon an extra request, we've compiled them into a sprite—a bunch of images in one file that uses CSS to position the images with background-position. This is the same method we use on Twitter.com and it has worked well for us.
    
+      
    Glyphicons has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit. Please consider doing the same in your projects.
    
+    
    
+    
    
+      
    How to use
    
+      
    With v2.0.0, the <i> tag is essentially dedicated to iconography. To use the icons, you can place the follow code wherever you like one to appear:
    
+
    +<i class="chevron-left"></i>
+
    
+      
    There are over 100 classes to choose from for your icons. Just add an <i> tag with the right class and you're set. You can find the full list in sprites.less or right here in this document.
    
+    
    
+    
    
+      
    Use cases
    
+      
    Icons are great, but where would one use them? Here are a few ideas:
    
+      
      
+        
    • As visuals for your sidebar navigation
      • 
+        
    • For a purely icon-driven nav
      • 
+        
    • For buttons to help convey the meaning of an action
      • 
+        
    • With links to share context on a user's destination
      • 
+      
    
+      
    Essentially, anywhere you can put an <i> tag, you can put an icon.
    
+    
    
+  
    
+
+  
    Examples
    
+  
    
+    
    
+      
    Use them in buttons, or in button groups for a toolbar style presentation.
    
+      
    
+         Refresh
+         Settings
+      
    
+      
    
+        
    
+          
+          
+          
+        
    
+        
    
+          
+          
+          
+          
+        
    
+      
    
+    
    
+    
    
+      
    Or, use them in navigation.
    
+      
    
+        
+      
     
+    
    
+  
    
+
    
\ No newline at end of file
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
new file mode 100644
index 000000000..21ddf4747
--- /dev/null
+++ b/docs/templates/pages/components.mustache
@@ -0,0 +1,1176 @@
+
+
    
+  
    Components
    
+  
    Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.
    
+
    
+
+
+  
+  
    
+    
    
+      
    Button groups Join buttons for more toolbar-like functionality
    
+    
    
+    
    
+      
    
+        
    Button groups
    
+        
    Use button groups to join multiple buttons together as one composite component. Build them with a series of <a> or <button> elements.
    
+        
    You can also combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex projects.
    
+        
    
+          
    
+            Left
+            Middle
+            Right
+          
    
+        
    
+        
    
+          
    
+            
    
+              1
+              2
+              3
+              4
+            
    
+            
    
+              5
+              6
+              7
+            
    
+            
    
+              8
+            
    
+          
    
+        
    
+
+      
    
+      
    
+        
    Example markup
    
+        
    Here's how the HTML looks for a standard button group built with anchor tag buttons:
    
+
    +<div class="btn-group">
+  <a class="btn" href="#">1</a>
+  <a class="btn" href="#">2</a>
+  <a class="btn" href="#">3</a>
+</div>
+
    
+      
    And with a toolbar for multiple groups:
    
+
    +<div class="btn-toolbar">
+  <div class="btn-group">
+    ...
+  </div>
+</div>
+
    
+      
    
+      
    
+        
    Checkbox and radio flavors
    
+        
    Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View the Javascript docs for that.
    
+        
    Get the javascript »
    
+        
    
+        
    Heads up
    
+        
    CSS for button groups is in a separate file, button-groups.less.
    
+      
    
+    
    
+  
    
+
+
+
+  
+  
    
+    
    
+      
    Split button dropdowns Built on button groups to provide contextual menus
    
+    
    
+    
    
+      
    
+        
    Split button dropdowns
    
+        
    Building on the button group styles and markup, we can easily create a split button. Split buttons feature a standard action on the left and a dropdown toggle on the right with contextual links.
    
+        
    
+          
    
+            
    
+              Action
+              
+              
+            
    
+            
    
+              Action
+              
+              
+            
    
+            
    
+              Danger
+              
+              
+            
    
+          
    
+          
    
+            
    
+              Success
+              
+              
+            
    
+            
    
+              Info
+              
+              
+            
    
+          
    
+        
     
+      
    
+      
    
+        
    Example markup
    
+        
    Similar to a button group, our markup uses regular button markup, but with a handful of additions to refine the style and support Bootstrap's dropdown jQuery plugin.
    
+
    +<div class="btn-group">
+  <a class="btn" href="#">Action</a>
+  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
+    <span class="caret"></span>
+  </a>
+  <ul class="dropdown-menu">
+    <!-- dropdown menu links -->
+  </ul>
+</div>
+
    
+      
    
+    
    
+  
    
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
    
+  
    
+    
    Pagination Two options for paging through content
    
+  
    
+
+  
    Multi-page pagination
    
+  
    
+    
    
+      
    When to use
    
+      
    Ultra simplistic and minimally styled pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.
    
+      
    Stateful page links
    
+      
    Links are customizable and work in a number of circumstances with the right class. .disabled for unclickable links and .active for current page.
    
+      
    Flexible alignment
    
+      
    Add either of two optional classes to change the alignment of pagination links: .pagination-centered and .pagination-right.
    
+    
    
+    
    
+      
    Examples
    
+      
    The default pagination component is flexible and works in a number of variations.
    
+      
+      
+      
+      
+    
    
+    
    
+      
    Markup
    
+      
    Wrapped in a <div>, pagination is just a <ul>.
    
+
    +<div class="pagination">
+  <ul>
+    <li><a href="#">Prev</a></li>
+    <li class="active">
+      <a href="#">1</a>
+    </li>
+    <li><a href="#">2</a></li>
+    <li><a href="#">3</a></li>
+    <li><a href="#">4</a></li>
+    <li><a href="#">Next</a></li>
+  </ul>
+</div>
+
    
+    
    
+  
    
+
+  
    Pager For quick previous and next links
    
+  
    
+    
    
+      
    About pager
    
+      
    The pager component is a set of links for simple pagination implemenations with light markup and even lighter styles. It's great for simple sites like blogs or magazines.
    
+    
    
+    
    
+      
    Default example
    
+      
    By default, the pager centers links.
    
+      
+
    +<ul class="pager">
+  <li>
+    <a href="#">Previous</a>
+  </li>
+  <li>
+    <a href="#">Next</a>
+  </li>
+</ul>
+
    
+    
    
+    
    
+      
    Aligned links
    
+      
    Alternatively, you can align each link to the sides:
    
+      
+
    +<ul class="pager">
+  <li class="previous">
+    <a href="#">&larr; Older</a>
+  </li>
+  <li class="next">
+    <a href="#">Newer &rarr;</a>
+  </li>
+</ul>
+
    
+    
    
+  
    
+
    
+
+
+
+
+
    
+  
    
+    
    Thumbnails Grids of images, videos, text, and more
    
+  
    
+
+  
    
+    
    
+      
    Default thumbnails
    
+      
    By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.
    
+      
+    
    
+    
    
+      
    Highly customizable
    
+      
    With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.
    
+      
      
+        
    • 
+          
      
+            
+            
      
+              
      Thumbnail label
      
+              
      Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
      
+              
      Action Action
      
+            
      
+          
      
+        
      • 
+        
    • 
+          
      
+            
+            
      
+              
      Thumbnail label
      
+              
      Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
      
+              
      Action Action
      
+            
      
+          
      
+        
      • 
+      
    
+    
    
+  
    
+
+  
    
+    
    
+      
    Why use thumbnails
    
+      
    Thumbnails (previously .media-grid up until v1.4) are great for grids of photos or videos, image search results, retail products, portfolios, and much more. They can be links or static content.
    
+    
    
+    
    
+      
    Simple, flexible markup
    
+      
    Thumbnail markup is simple—a ul with any number of li elements is all that is required. It's also super flexible, allowing for any type of content with just a bit more markup to wrap your contents.
    
+    
    
+    
    
+      
    Uses grid column sizes
    
+      
    Lastly, the thumbnails component uses existing grid system classes—like .span2 or .span3—for control of thumbnail dimensions.
    
+    
    
+  
    
+
+  
    
+    
    
+      
    The markup
    
+      
    As mentioned previously, the required markup for thumbnails is light and straightforward. Here's a look at the default setup for linked images:
    
+
    +<ul class="thumbnails">
+  <li class="span3">
+    <a href="#" class="thumbnail">
+      <img src="http://placehold.it/210x150" alt="">
+    </a>
+  </li>
+  ...
+</ul>
+
    
+      
    For custom HTML content in thumbnails, the markup changes slightly. To allow block level content anywhere, we swap the <a> for a <div> like so:
    
+
    +<ul class="thumbnails">
+  <li class="span3">
+    <div class="thumbnail">
+      <img src="http://placehold.it/210x150" alt="">
+      <h5>Thumbnail label</h5>
+      <p>Thumbnail caption right here...</p>
+    </div>
+  </li>
+  ...
+</ul>
+
    
+    
    
+    
    
+      
    More examples
    
+      
    Explore all your options with the various grid classes available to you. You can also mix and match different sizes.
    
+      
+    
    
+  
    
+
+
    
+
+
+
+
+
    
+  
    
+    
    Alerts Styles for success, warning, and error messages
    
+  
    
+
+  
    Lightweight defaults
    
+  
    
+    
    
+      
    Rewritten base class
    
+      
    With Bootstrap 2, we've simplified the base class: .alert instead of .alert-message. We've also reduced the minimum required markup—no <p> is required by default, just the outter <div>.
    
+      
    Single alert message
    
+      
    For a more durable component with less code, we've removed the differentiating look for block alerts, messages that come with more padding and typically more text. The class also has changed to .alert-block.
    
+      
    
+      
    Goes great with javascript
    
+      
    Bootstrap comes with a great jQuery plugin that supports alert messages, making dismissing them quick and easy.
    
+      
    Get the plugin »
    
+    
    
+    
    
+      
    Example alerts
    
+      
    Wrap your message and an optional close icon in a div with simple class.
    
+      
    
+        ×
+        Warning! Best check yo self, you’re not looking too good.
+      
    
+
    +<div class="alert">
+  <a class="close">×</a>
+  <strong>Warning!</strong> Best check yo self, you’re not looking too good.
+</div>
+
    
+      
    Easily extend the standard alert message with two optional classes: .alert-block for more padding and text controls and .alert-heading for a matching heading.
    
+      
    
+        ×
+        
    Warning!
    
+        
    Best check yo self, you’re not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
    
+      
    
+
    +<div class="alert alert-block">
+  <a class="close">×</a>
+  <h4 class="alert-heading">Warning!</h4>
+  Best check yo self, you’re not...
+</div>
+
    
+    
    
+  
    
+
+  
    Contextual alternatives Add optional classes to change an alert's connotation
    
+  
    
+    
    
+      
    Error or danger
    
+      
    
+        ×
+        Oh snap! Change a few things up and try submitting again.
+      
    
+
    +<div class="alert alert-error">
+  ...
+</div>
+
    
+    
    
+    
    
+      
    Success
    
+      
    
+        ×
+        Well done! You successfully read this important alert message.
+      
    
+
    +<div class="alert alert-success">
+  ...
+</div>
+
    
+    
    
+    
    
+      
    Information
    
+      
    
+        ×
+        Heads up! This alert needs your attention, but it’s not super important.
+      
    
+
    +<div class="alert alert-info">
+  ...
+</div>
+
    
+    
    
+  
    
+
+
    
+
+
+
+
+      
    
+        
    
+          
    Progress bars For loading, redirecting, or action status
    
+        
    
+
+        
    Examples and markup
    
+        
    
+          
    
+            
    Basic
    
+            
    Default progress bar with a vertical gradient.
    
+            
    
+              
    
+            
    
+
    +<div class="progress">
+  <div class="bar"
+       style="width: 60%;"></div>
+</div>
+
    
+          
    
+          
    
+            
    Striped
    
+            
    Uses a gradient to create a striped effect.
    
+            
    
+              
    
+            
    
+
    +<div class="progress info
+     striped">
+  <div class="bar"
+       style="width: 20%;"></div>
+</div>
+
    
+          
    
+          
    
+            
    Animated
    
+            
    Takes the striped example and animates it.
    
+            
    
+              
    
+            
    
+
    +<div class="progress danger
+     striped active">
+  <div class="bar"
+       style="width: 40%;"></div>
+</div>
+
    
+          
    
+        
    
+
+        
    Options and browser support
    
+        
    
+          
    
+            
    Additional colors
    
+            
    Progress bars utilize some of the same classes as buttons and alert messages for quick styling.
    
+            
      
+              
    • .info
      • 
+              
    • .success
      • 
+              
    • .danger
      • 
+            
    
+            
    Alternatively, you can customize the LESS files and roll your own colors and sizes.
    
+          
    
+          
    
+            
    Behavior
    
+            
    Progress bars use CSS3 transitions, so if you dynamically adjust the width via javascript, it will smoothly resize.
    
+            
    If you use the .active class, your .striped progress bars will animate the stripes left to right.
    
+          
    
+          
    
+            
    Browser support
    
+            
    Progress bars use CSS3 gradients, transitions, and animations to achieve all their effects. These features are not supported in IE7-8 or older versions of Firefox.
    
+            
    Opera does not support animations at this time.
    
+          
    
+        
    
+
+      
    
\ No newline at end of file
diff --git a/docs/templates/pages/index.mustache b/docs/templates/pages/index.mustache
new file mode 100644
index 000000000..f07116a5a
--- /dev/null
+++ b/docs/templates/pages/index.mustache
@@ -0,0 +1,188 @@
+
    
+
+  
+  
    
+    
    
+      
    Bootstrap,
     from Twitter
    
+      
    Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, featuring HTML, CSS, and JS for dozens of base elements and common design components.
    
+      
    
+        Download on GitHub
+        Get started →
+      
    
+
+      
    
+        
    Feature highlights
    
+        
      
+          
    • × Built on LESS
      • 
+          
    • × Complete styleguide docs
      • 
+          
    • × Fully responsive design
      • 
+          
    • × Small footprint (7kb gzipped)
      • 
+          
    • × Support for IE7 and up
      • 
+          
    • × Custom jQuery plugins
      • 
+          
    • × Dozens of components
      • 
+        
    
+      
    
+    
    
+  
    
+
+  
+
+
+  
    
+    
    Built with Bootstrap.
    
+    
    For even more sites built with Bootstrap, visit the unofficial Tumblr.
    
+    
+
+    
    Designed for everyone, everywhere.
    
+    
    Need reasons to love Bootstrap? Look no further.
    
+    
    
+      
    
+        
+        
    Built for and by nerds
    
+        
    Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster. Bootstrap is built for you.
    
+      
    
+      
    
+        
+        
    For all skill levels
    
+        
    Bootstrap is designed to help people of all skill level—designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex.
    
+      
    
+      
    
+        
+        
    Cross-everything
    
+        
    Originally built with only modern browsers in mind, Bootstrap has evolved to include support for all major browsers (even IE7!) and, with Bootstrap 2, tablets and smartphones, too.
    
+      
    
+    
    
+    
    
+      
    
+        
+        
    12-column grid
    
+        
    Grid systems aren't everything, but having a durable and flexible one at the core of your work can make development much simpler. Use our built-in grid classes or roll your own.
    
+      
    
+      
    
+        
+        
    Responsive design
    
+        
    With Bootstrap 2, we've gone fully responsive. Our components are scaled according to a range of resolutions and devices to provide a consistent experience, no matter what.
    
+      
    
+      
    
+        
+        
    Styleguide docs
    
+        
    Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only our features, but best practices and living, coded examples.
    
+      
    
+    
    
+    
    
+      
    
+        
+        
    Growing library
    
+        
    Despite being only 7kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components ready to be put to use.
    
+      
    
+      
    
+        
+        
    Custom jQuery plugins
    
+        
    What good is an awesome design component without easy-to-use, proper, and extensible interactions? With Bootstrap, you get custom-built jQuery plugins to bring your projects to life.
    
+      
    
+      
    
+        
+        
    Built on LESS
    
+        
    Where vanilla CSS falters, LESS excels. Variables, nesting, operations, and mixins in LESS makes coding CSS faster and more efficient with minimal overhead.
    
+      
    
+    
    
+    
    
+      
    
+        
+        
    HTML5
    
+        
    Built to support new HTML5 elements and syntax.
    
+      
    
+      
    
+        
+        
    CSS3
    
+        
    Progressively enhanced components for ultimate style.
    
+      
    
+      
    
+        
+        
    Open-source
    
+        
    Built for and maintained by the community via GitHub.
    
+      
    
+      
    
+        
+        
    Made at Twitter
    
+        
    Brought to you by an experienced engineer and designer.
    
+      
    
+    
    
+
+
+    
+    
    Get started in no time.
    
+    
    Quickly start using Bootstrap within your workflow and development process.
    
+    
+      
+        
+          
+          
+          
+        
+      
+    
    
+            
    Hotlink the CSS
    
+            
    For the quickest and easiest start, just copy this snippet into your webpage.
    
+            
    
+              
+            
    
+              		
+            
    Use it with LESS
    
+            
    A fan of using LESS? No problem, just clone the repo and add these lines:
    
+            
    
+              
+            
    
+              		
+            
    Fork on GitHub
    
+            
    Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.
    
+            
    Bootstrap on GitHub »
    
+            
    Currently v2.0.0
    
+          
    
+  
    
+
    
\ No newline at end of file
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
new file mode 100644
index 000000000..aefe87846
--- /dev/null
+++ b/docs/templates/pages/javascript.mustache
@@ -0,0 +1,1299 @@
+
+
    
+  
    Javascript for Bootstrap
    
+  
    Bring Bootstrap's components to life—now with 12 custom jQuery plugins.
+
    
+
+
+  
+  
    
+    
    
+      
    jQuery plugins A dozen Bootstrap plugins to get you started
    
+    
    
+  
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+  
     
+  
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+  
     
+  
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+    
    
+      
+    
    
+  
     
+  
    
+    
    
+      
+    
    
+  
    
+  
    
+  Select/Unselect All Plugins
+  
    Note: All plugins require the latest version of jQuery to be included.
    
+
    
+
+
+
+
+
    
+  
    
+    
    Modals bootstrap-modal.js
    
+  
    
+  
    
+    
    
+      
    About modals
    
+      
    A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.
    
+      Download file
+    
    
+    
    
+      
    Static example
    
+      
    Below is a statically rendered modal.
    
+      
    
+        
    
+          
    
+            ×
+            
    Modal header
    
+          
    
+          
    
+            
    One fine body…
    
+          
    
+          
    
+            Save changes
+            Close
+          
    
+        
    
+      
     
+
+      
    Live demo
    
+      
    Toggle a modal via javascript by clicking the button below. It will slide down and fade in from the top of the page.
    
+      
+      
+      Launch demo modal
+
+      
    
+
+      
    Using bootstrap-modal
    
+      
    Call the modal via javascript:
    
+      
    $('#myModal').modal(options)
    
+      
    Options
    
+      
+        
+         
+           
+           
+           
+           
+         
+        
+        
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+        
+      
    Nametypedefaultdescription
    backdropbooleantrueIncludes a modal-backdrop element
    keyboardbooleantrueCloses the modal when escape key is pressed
    
+      
    Markup
    
+      
    You can activate modals on your page easily without having to write a single line of javascript. Just set data-toggle="modal" on a controller element with a data-target="#foo" or href="#foo" which corresponds to a modal element id, and when clicked, it will launch your modal.
    
+      
    Also, to add options to your modal instance, just include them as additional data attributes on either the control element or the modal markup itself.
    
+
    +<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>
+
    
+
+
    +<div class="modal">
+<div class="modal-header">
+<a href="#" class="close js-dismiss">×</a>
+<h3>Modal header</h3>
+</div>
+<div class="modal-body">
+<p>One fine body…</p>
+</div>
+<div class="modal-footer">
+<a href="#" class="btn primary">Save changes</a>
+<a href="#" class="btn">Close</a>
+</div>
+</div>
+
    
+      
    Notice If you want your modal to animate in and out, just add a .fade class to the .modal element (refer to the demo to see this in action).
    
+      
    Methods
    
+      
    .modal(options)
    
+      
    Activates your content as a modal. Accepts an optional options object.
+
    +$('#myModal').modal({
+keyboard: false
+})
    
+      
    .modal('toggle')
    
+      
    Manually toggles a modal.
    
+      
    $('#myModal').modal('toggle')
    
+      
    .modal('show')
    
+      
    Manually opens a modal.
    
+      
    $('#myModal').modal('show')
    
+      
    .modal('hide')
    
+      
    Manually hides a modal.
    
+      
    $('#myModal').modal('hide')
    
+      
    Events
    
+      
    Bootstrap's modal class exposes a few events for hooking into modal functionality. 
    
+      
+        
+         
+           
+           
+         
+        
+        
+         
+           
+           
+         
+         
+           
+           
+         
+         
+           
+           
+         
+         
+           
+           
+         
+        
+      
    EventDescription
    showThis event fires immediately when the show instance method is called.
    shownThis event is fired when the modal has been made visible to the user (will wait for css transitions to complete).
    hideThis event is fired immediately when the hide instance method has been called.
    hiddenThis event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).
    
+
+
    +$('#myModal').on('hidden', function () {
+// do something ...
+})
    
+    
    
+  
    
+
    
+
+
+
+
+
+
+
+
+
+
    
+  
    
+    
    ScrollSpy bootstrap-scrollspy.js
    
+  
    
+  
    
+    
    
+      
    The ScrollSpy plugin is for automatically updating nav targets based on scroll position.
    
+      Download file
+    
    
+    
    
+      
    Example navbar with scrollspy
    
+      
    Scroll the area below and watch the navigation update. The dropdown sub items will be highlighted as well. Try it!
    
+      
+      
    
+        
    @fat
    
+        
    
+        Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
+        
    
+        
    @mdo
    
+        
    
+        Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.
+        
    
+        
    one
    
+        
    
+        Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.
+        
    
+        
    two
    
+        
    
+        In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.
+        
    
+        
    three
    
+        
    
+        Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
+        
    
+        
    Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats.
+        
    
+      
    
+      
    
+      
    Using bootstrap-scrollspy.js
    
+      
    Call the scrollspy via javascript:
    
+      
    $('#navbar').scrollspy()
    
+      
    Markup
    
+      
    To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body).
+      
    <body data-spy="scroll" >...</body>
    
+       
    Notice Navbar anchor tags must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.
+      
    Options
    
+      
+        
+         
+           
+           
+           
+           
+         
+        
+        
+         
+           
+           
+           
+           
+         
+        
+      
    Nametypedefaultdescription
    offsetnumber10Pixels to offset from top when calculating position of scroll.
    
+    
    
+  
    
+
    
+
+
+
+
+
    
+  
    
+    
    Togglable tabs bootstrap-tab.js
    
+  
    
+  
    
+    
    
+      
    This plugin adds quick, dynamic tab and pill functionality for transitioning through local content.
    
+      Download file
+    
    
+    
    
+      
    Example tabs
    
+      
    Click the tabs below to toggle between hidden panes, even via dropdown menus.
    
+      
+      
    
+        
    
+          
    Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
    
+        
    
+        
    
+          
    Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
    
+        
    
+        
+        
+      
    
+      
    
+      
    Using bootstrap-tab.js
    
+      
    Enable tabbable tabs via javascript:
    
+      
    $('#myTab').tab('show')
    
+      
    Markup
    
+      
    You can activate a tab or pill navigation without writing any javascript by simply specifying data-toggle="tab" or data-toggle="pill" on an element.
    
+
    +<ul class="tabs">
+<li><a href="#home" data-toggle="tab">Home</a></li>
+<li><a href="#profile" data-toggle="tab">Profile</a></li>
+<li><a href="#messages" data-toggle="tab">Messages</a></li>
+<li><a href="#ettings" data-toggle="tab">Settings</a></li>
+</ul>
    
+      
    Methods
    
+      
    $().tab
    
+      
    
+        Activates a tab element and content container. Tab should have either a `data-target` or an `href` targeting a container node in the dom.
+      
    
+
    +<ul class="tabs">
+<li class="active"><a href="#home">Home</a></li>
+<li><a href="#profile">Profile</a></li>
+<li><a href="#messages">Messages</a></li>
+<li><a href="#settings">Settings</a></li>
+</ul>
+
+<div class="tab-content">
+<div class="active" id="home">...</div>
+<div id="profile">...</div>
+<div id="messages">...</div>
+<div id="settings">...</div>
+</div>
+
+<script>
+$(function () {
+$('.tabs a:last').tab('show')
+})
+</script>
    
+      
    
+      
    Events
    
+      
+        
+         
+           
+           
+         
+        
+        
+         
+           
+           
+        
+        
+           
+           
+         
+        
+      
    EventDescription
    showThis event fires on tab show, but before the new tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
    shownThis event fires on tab show after a tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
    
+
+      
    +$('a[data-toggle="tab"]').on('shown', function (e) {
+e.target // activated tab
+e.relatedTarget // previous tab
+})
    
+   
    
+  
    
+
    
+
+
+
+
    
+  
    
+    
    Tooltips bootstrap-tooltip.js
    
+  
    
+  
    
+    
    
+      
    About Tooltips
    
+      
    Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, uss css3 for animations, and data-attributes for local title storage.
    
+      Download file
+    
    
+    
    
+      
    Example use of Tooltips
    
+      
    Hover over the links below to see tooltips:
    
+      
    
+        
    Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.
+        
    
+      
    
+      
    
+      
    Using bootstrap-tooltip.js
    
+      
    Trigger the tooltip via javascript:
    
+      
    $('#example').tooltip(options)
    
+      
    Options
    
+      
+        
+         
+           
+           
+           
+           
+         
+        
+        
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+        
+      
    Nametypedefaultdescription
    animationbooleantrueapply a css fade transition to the tooltip
    placementstring'top'how to position the tooltip - top | bottom | left | right
    selectorstringfalseIf a selector is provided, tooltip objects will be delegated to the specified targets.
    titlestring | function''default title value if `title` tag isn't present
    triggerstring'hover'how tooltip is triggered - hover | focus | manual
    delaynumber | object0
+            
    delay showing/hiding the tooltip (ms)
    
+            
    If a number is supplied, delay is applied to both hide/show
    
+            
    Object structure is: delay: { show: 500, hide: 100 }
    
+           
    
+      
    Notice Individual tooltip instance options can alternatively be specified through the use of data attributes.
    
+      
    Markup
    
+      
    For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.
    
+      
    Methods
    
+      
    $().tooltip(options)
    
+      
    Attaches a tooltip handler to an element collection.
    
+      
    .tooltip('show')
    
+      
    Reveals an elements tooltip.
    
+      
    $('#element').tooltip('show')
    
+      
    .tooltip('hide')
    
+      
    Hides an elements tooltip.
    
+      
    $('#element').tooltip('hide')
    
+    
    
+  
    
+
    
+
+
+
+
+
    
+  
    
+    
    Popovers bootstrap-popover.js
    
+  
    
+  
    
+    
    
+      
    About popovers
    
+      
    Add small overlays of content, like those on the iPad, to any element for housing secondary information.
    
+      
    * Requires Tooltip to be included
    
+      Download file
+    
    
+    
    
+      
    Example hover popover
    
+      
    Hover over the button to trigger the popover.
    
+      
    
+        hover for popover
+      
    
+      
    
+      
    Using bootstrap-popover.js
    
+      
    Enable popovers via javascript:
    
+      
    $('#example').popover(options)
    
+      
    Options
    
+      
+        
+         
+           
+           
+           
+           
+         
+        
+        
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+        
+      
    Nametypedefaultdescription
    animationbooleantrueapply a css fade transition to the tooltip
    placementstring'right'how to position the popover - top | bottom | left | right
    selectorstringfalseif a selector is provided, tooltip objects will be delegated to the specified targets
    triggerstring'hover'how tooltip is triggered - hover | focus | manual
    titlestring | function''default title value if `title` attribute isn't present
    contentstring | function''default content value if `data-content` attribute isn't present
    delaynumber | object0
+            
    delay showing/hiding the popover (ms)
    
+            
    If a number is supplied, delay is applied to both hide/show
    
+            
    Object structure is: delay: { show: 500, hide: 100 }
    
+           
    
+      
    Notice Individual popover instance options can alternatively be specified through the use of data attributes.
    
+      
    Markup
    
+      
    
+      For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a the selector option.
+      
    
+      
    Methods
    
+      
    $().popover(options)
    
+      
    Initializes popovers for an element collection.
    
+      
    .popover('show')
    
+      
    Reveals an elements popover.
    
+      
    $('#element').popover('show')
    
+      
    .popover('hide')
    
+      
    Hides an elements popover.
    
+      
    $('#element').popover('hide')
    
+    
    
+  
    
+
    
+
+
+
+
+
    
+  
    
+    
    Alert messages bootstrap-alert.js
    
+  
    
+  
    
+    
    
+      
    About alerts
    
+      
    The alert plugin is a tiny class for adding close functionality to alerts.
    
+      Download
+    
    
+    
    
+      
    Example alerts
    
+      
    The alerts plugin works on regular alert messages, and block messages.
    
+      
    
+        ×
+        Holy guacamole! Best check yo self, you’re not looking too good.
+      
    
+      
    
+        ×
+        
    Oh snap! You got an error!
    
+        
    Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
    
+        
    
+          Take this action Or do this
+        
    
+      
    
+      
    
+      
    Using bootstrap-alerts.js
    
+      
    Enable dismissal of an alert via javascript:
    
+      
    $(".alert-message").alert()
    
+      
    Markup
    
+      
    Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.
    
+      
    <a class="close" data-dismiss="alert" href="#">&times;</a>
    
+      
    Methods
    
+      
    $().alert()
    
+      
    Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.
    
+      
    .alert('close')
    
+      
    Closes an alert.
    
+      
    $(".alert-message").alert('close')
    
+      
    Events
    
+      
    Bootstrap's alert class exposes a few events for hooking into alert functionality. 
    
+      
+        
+         
+           
+           
+         
+        
+        
+         
+           
+           
+         
+         
+           
+           
+         
+        
+      
    EventDescription
    closeThis event fires immediately when the close instance method is called.
    closedThis event is fired when the alert has been closed (will wait for css transitions to complete).
    
+
    +$('#my-alert').bind('closed', function () {
+// do something ...
+})
    
+    
    
+  
    
+
    
+
+
+
+
+
    
+  
    
+    
    Buttons bootstrap-button.js
    
+  
    
+  
    
+    
    
+      
    About
    
+      
    Do more with buttons. Control button states or create groups of buttons for more components like toolbars.
    
+      Download file
+    
    
+    
    
+      
    Example uses
    
+      
    Use the buttons plugin for states and toggles.
    
+      
+        
+         
+           
+           
+         
+         
+           
+           
+         
+         
+           
+           
+         
+         
+           
+           
+         
+        
+      
    Stateful
+              
+            
    Single toggle
+              
+            
    Checkbox
+              
    
+                
+                
+                
+              
    
+           
    Radio
+              
    
+                
+                
+                
+              
    
+           
    
+      
    
+      
    Using bootstrap-button.js
    
+      
    Enable buttons via javascript:
    
+      
    $('.tabs').button()
    
+        
    Markup
    
+      
    Data attributes are integral to the button plugin. Check out the example code below for the various markup types.
    
+
    +<!-- Add data-toggle="button" to activate toggling on a single button -->
+<button class="btn" data-toggle="button">Single Toggle</button>
+
+<!-- Add data-toggle="buttons-checkbox" for checkbox style toggling on btn-group -->
+<div class="btn-group" data-toggle="buttons-checkbox">
+<button class="btn">Left</button>
+<button class="btn">Middle</button>
+<button class="btn">Right</button>
+</div>
+
+<!-- Add data-toggle="buttons-radio" for radio style toggling on btn-group -->
+<div class="btn-group" data-toggle="buttons-radio">
+<button class="btn">Left</button>
+<button class="btn">Middle</button>
+<button class="btn">Right</button>
+</div>
+
    
+      
    Methods
    
+      
    $().button('toggle')
    
+      
    Toggles push state. Gives btn the look that it's been activated.
    
+      
    Notice You can enable auto toggling of a button by using the data-toggle attribute.
    
+      
    <button class="btn" data-toggle="button" >...</button>
    
+      
    $().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 class="btn" data-loading-text="loading stuff..." >...</button>
    
+      
    
+        Notice Firefox persists the disabled state across page loads. A workaround for this is to use: autocomplete="off". More info can be found here.
+      
    
+       
    $().button('reset')
    
+       
    Resets button state - swaps text to original text.
    
+       
    $().button(string)
    
+       
    Resets button state - swaps text to any data defined text state.
    
+
    <button class="btn" data-complete-text="finished!" >...</button>
+<script>
+$('.btn').button('complete')
+</script>
    
+    
    
+  
    
+
    
+
+
+
+
+
    
+  
    
+    
    Collapse bootstrap-collapse.js
    
+  
    
+  
    
+    
    
+      
    About
    
+      
    Get base styles and flexible support for collapsible components like accordions and navigation.
    
+      Download file
+    
    
+    
    
+      
    Example accordion
    
+      
    Using the collapse plugin, we built a simple accordion style widget:
    
+    
+      
    
+        
    
+          
    
+            
+              Collapsible Group Item #1
+            
+          
    
+          
    
+            
    
+              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+            
    
+          
    
+        
    
+        
    
+          
    
+            
+              Collapsible Group Item #2
+            
+          
    
+          
    
+            
    
+              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+            
    
+          
    
+        
    
+        
    
+          
    
+            
+              Collapsible Group Item #3
+            
+          
    
+          
    
+            
    
+              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+            
    
+          
    
+        
    
+      
    
+
+      
+      
    
+      
    Using bootstrap-collapse.js
    
+      
    Enable via javascript:
    
+      
    $(".collapse").collapse()
    
+      
    Options
    
+      
+        
+         
+           
+           
+           
+           
+         
+        
+        
+         
+           
+           
+           
+           
+         
+         
+           
+           
+           
+           
+         
+        
+      
    Nametypedefaultdescription
    parentselectorfalseIf selector then all collapsible elements under the specified parent will be closed when this collasabile item is shown. (similar to traditional accordion behavior)
    togglebooleantrueToggles the collapsible element on invocation
    
+      
    Markup
    
+      
    Just add data-toggle="collapse" and a data-target to element to automatically assign control of a collapsible element. The data-target attribute accepts a css selector to apply the collapse to. Be sure to add the class collapse to the collapsible element. If you'd like it to default open, add the additional class in.
    
+      
    +<button class="btn danger" data-toggle="collapse" data-target="#demo">
+simple collapsible
+</button>
+
+<div id="demo" class="collapse in"> … </div>
    
+     
    Notice To add accordion like group management to a collapsible control just add the additional data attribute data-parent="#selector". Refer to the demo below to see this in action.
    
+      
    Methods
    
+      
    .collapse(options)
    
+      
    Activates your content as a collapsible element. Accepts an optional options object.
+
    +$('#myCollapsible').collapse({
+toggle: false
+})
    
+      
    .collapse('toggle')
    
+      
    Toggles a collapsible element to shown or hidden.
    
+      
    .collapse('show')
    
+      
    Shows a collapsible element.
    
+      
    .collapse('hide')
    
+      
    Hides a collapsible element.
    
+      
    Events
    
+      
    
+        Bootstrap's collapse class exposes a few events for hooking into collapse functionality.
+      
    
+      
+        
+         
+           
+           
+         
+        
+        
+         
+           
+           
+         
+         
+           
+           
+         
+         
+           
+           
+         
+         
+           
+           
+         
+        
+      
    EventDescription
    showThis event fires immediately when the show instance method is called.
    shownThis event is fired when a collapse element has been made visible to the user (will wait for css transitions to complete).
    hide
+            This event is fired immediately when the hide method has been called.
+           
    hiddenThis event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete).
    
+
+
    +$('#myCollapsible').on('hidden', function () {
+// do something ...
+})
    
+    
    
+  
    
+
    
+
+
+
+ 
+
+
+
+
+
+
    
+  
    
+    
    Typeahead bootstrap-typeahead.js
    
+  
    
+  
    
+    
    
+      
    About
    
+      
    A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.
    
+      Download file
+    
    
+    
    
+      
    Example
    
+      
    Start typing in the field below to show the typeahead results.
    
+      
    
+        
+      
    
+      
    
+      
    Using bootstrap-typeahead.js
    
+      
    Call the typeahead via javascript:
    
+      
    $('.typeahead').typeahead()
    
+      
    Options
    
+      
+        
+         
+           
+           
+           
+           
+         
+        
+        
+         
+           
+           
+           
+           
+         
+        
+      
    Nametypedefaultdescription
    itemsnumber8The max number of items to display in the dropdown.
    
+
+      
    Markup
    
+      
    Add data attributes to register an element with typeahead functionality.
    
+
    +<input type="text" data-provide="typeahead">
+
    
+    
    
+  
    
+
    
\ No newline at end of file
diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
new file mode 100644
index 000000000..568e857be
--- /dev/null
+++ b/docs/templates/pages/less.mustache
@@ -0,0 +1,406 @@
+      
+      
    
+        
    Using LESS with Bootstrap
    
+        
    Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.
    
+      
    
+
+
+
+      
+      
    
+        
    Built with LESS
    
+      
    
+      
    
+        
    
+          
    Why LESS?
    
+          
    Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.
    
+        
    
+        
    
+          
    What's included?
    
+          
    As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.
    
+        
    
+        
    
+          
    Learn more
    
+          LESS CSS
+          
    Visit the official website at http://lesscss.org to learn more.
    
+        
    
+      
    
+      
    
+        
    
+          
    Variables
    
+          
    Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though—assign colors or pixel values as variables and change them once.
    
+        
    
+        
    
+          
    Mixins
    
+          
    Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.
    
+        
    
+        
    
+          
    Operations
    
+          
    Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.
    
+        
    
+      
    
+
+
+
+      
+      
    
+        
    Variables from variables.less
    
+      
    
+
+          
    Hyperlinks
    
+          
+            
+              
+                
+                
+                
+              
+            
+            
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+            
+          
    VariableValueUsage
    @linkColor#0069d6Default link text color
    @linkColorHoverdarken(@linkColor, 15)Default link text hover color
    
+
+      
    
+        
    
+          
    Grayscale colors
    
+          
+            
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+            
+          
    @black#000
    @grayDarklighten(@black, 25%)
    @graylighten(@black, 50%)
    @grayLightlighten(@black, 75%)
    @grayLighterlighten(@black, 90%)
    @white#fff
    
+        
    
+        
    
+          
    Accent colors
    
+          
+            
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+            
+          
    @blue#049CDB
    @green#46a546
    @red#9d261d
    @yellow#ffc40d
    @orange#f89406
    @pink#c3325f
    @purple#7a43b6
    
+        
    
+      
    
+
+      
    
+        
    
+          
    Grid system
    
+          
+            
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+              
+                
+                
+              
+            
+          
    @gridColumns12
    @gridColumnWidth60px
    @gridGutterWidth20px
    @siteWidth(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))
    
+        
    
+        
    
+          
    Typography
    
+          
+            
+              
+                
+                
+              
+              
+                
+                
+                
+              
+              
+                
+                
+              
+            
+          
    @baseFontSize13px
    @baseFontFamily"Helvetica Neue", Helvetica, Arial, sans-serif
    @baseLineHeight18px
    
+        
    
+      
    
+
+      
    
+        
    
+          
    Visuals
    
+        
    
+        
    
+          
+            
+              
+                
+                
+                
+              
+            
+          
    @primaryButtonColor@blue
    
+        
    
+      
    
+
+
+      
+      
    
+        
    Mixins from mixins.less
    
+      
    
+
+
+
+      
+      
    
+        
    Operations
    
+      
    
+
+
+
+      
+      
    
+        
    Compiling LESS and Bootstrap
    
+      
    
+
+
+
+
+
+
    
+
    
+  
    Using Bootstrap with Less Supercharge your CSS with variables, mixins, and functions
    
+
    
+
    
+  
    
+    
    Bootstrap was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.
    
+    
    Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.
    
+  
    
+  
    
+    
    How to use it
    
+    
    Use this option to make full use of Bootstrap’s Less variables, mixins, and nesting in CSS via javascript in your browser.
    
+
    +<link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
+<script src="js/less-1.1.3.min.js"></script>
    
+
    Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.
    
+
+    
    What’s included
    
+    
    Here are some of the highlights of what’s included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.
    
+    
    Variables
    
+    
    Variables in Less are perfect for maintaining and updating your CSS headache free. When you want to change a color value or a frequently used value, update it in one spot and you’re set.
    
+
    +// Links
+@linkColor:         #8b59c2;
+@linkColorHover:    darken(@linkColor, 10);
+
+// Grays
+@black:             #000;
+@grayDark:          lighten(@black, 25%);
+@gray:              lighten(@black, 50%);
+@grayLight:         lighten(@black, 70%);
+@grayLighter:       lighten(@black, 90%);
+@white:             #fff;
+
+// Accent Colors
+@blue:              #08b5fb;
+@green:             #46a546;
+@red:               #9d261d;
+@yellow:            #ffc40d;
+@orange:            #f89406;
+@pink:              #c3325f;
+@purple:            #7a43b6;
+
+// Baseline grid
+@basefont:          13px;
+@baseline:          18px;
+
    
+
+
    Commenting
    
+
    Less also provides another style of commenting in addition to CSS’s normal /* ... */ syntax.
    
+
    +// This is a comment
+/* This is also a comment */
+
    
+
+
    Mixins up the wazoo
    
+
    Mixins are basically includes or partials for CSS, allowing you to combine a block of code into one. They’re great for vendor prefixed properties like box-shadow, cross-browser gradients, font stacks, and more. Below is a sample of the mixins that are included with Bootstrap.
    
+
    Font stacks
    
+
    +#font {
+  .shorthand(@weight: normal, @size: 14px, @lineHeight: 20px) {
+    font-size: @size;
+    font-weight: @weight;
+    line-height: @lineHeight;
+  }
+  .sans-serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: @size;
+    font-weight: @weight;
+    line-height: @lineHeight;
+  }
+  ...
+}
+
    
+
    Gradients
    
+
    +#gradient {
+  ...
+  .vertical (@startColor: #555, @endColor: #333) {
+    background-color: @endColor;
+    background-repeat: repeat-x;
+    background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
+    background-image: -moz-linear-gradient(@startColor, @endColor); // FF 3.6+
+    background-image: -ms-linear-gradient(@startColor, @endColor); // IE10
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
+    background-image: -webkit-linear-gradient(@startColor, @endColor); // Safari 5.1+, Chrome 10+
+    background-image: -o-linear-gradient(@startColor, @endColor); // Opera 11.10
+    background-image: linear-gradient(@startColor, @endColor); // The standard
+  }
+  ...
+}
+
    
+
+
    Operations
    
+
    Get fancy and perform some math to generate flexible and powerful mixins like the one below.
    
+
    +// Griditude
+@gridColumns:       16;
+@gridColumnWidth:   40px;
+@gridGutterWidth:   20px;
+@siteWidth:         (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
+
+// Make some columns
+.columns(@columnSpan: 1) {
+  width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1));
+}
+
    
+
+    
    Compiling Less
    
+    
    After modifying the .less files in /lib/, you'll need to recompile them in order to regenerate the bootstrap-*.*.*.css and bootstrap-*.*.*.min.css files. If you're submitting a pull request to GitHub, you must always recompile.
    
+    
    Ways to compile
    
+    
+      
+        
+          
+          
+        
+      
+      
+        
+          
+          
+        
+          
+          
+        
+        
+          
+          
+        
+        
+          
+          
+        
+        
+          
+          
+        
+        
+          
+          
+        
+        
+          
+          
+        
+      
+    
    MethodSteps
    Node with makefile
+            
    Install the LESS command line compiler with npm by running the following command:
    
+            
    $ npm install less
    
+            
    Once installed just run make from the root of your bootstrap directory and you're all set.
    
+            
    Additionally, if you have watchr installed, you may run make watch to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn't required, just a convenience method).
    
+          
    Javascript
+            
    Download the latest Less.js and include the path to it (and Bootstrap) in the <head>.
    
+
    +<link rel="stylesheet/less" href="/path/to/bootstrap.less">
+<script src="/path/to/less.js"></script>
+
    
+            
    To recompile the .less files, just save them and reload your page. Less.js compiles them and stores them in local storage.
    
+          
    Command line
+            
    Install the LESS command line tool via Node and run the following command:
    
+              
    $ lessc ./lib/bootstrap.less > bootstrap.css
    
+            
    Be sure to include --compress in that command if you're trying to save some bytes!
    
+          
    Unofficial Mac app
+            
    The unofficial Mac app watches directories of .less files and compiles the code to local files after every save of a watched .less file.
    
+            
    If you like, you can toggle preferences in the app for automatic minifying and which directory the compiled files end up in.
    
+          
    CrunchCrunch is a great looking LESS editor and compiler built on Adobe Air.
    CodeKitCreated by the same guy as the unofficial Mac app, CodeKit is a Mac app that compiles LESS, SASS, Stylus, and CoffeeScript.
    SimplessMac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.
    
+  
    
+
    
+
+
    
\ No newline at end of file
diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache
new file mode 100644
index 000000000..567ac6d0d
--- /dev/null
+++ b/docs/templates/pages/scaffolding.mustache
@@ -0,0 +1,311 @@
+
+
+
    
+  
    Scaffolding
    
+  
    Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.
    
+
    
+
+
+
+
+
    
+  
    
+    
    Grid system 12 columns with a responsive twist
    
+  
    
+
+  
    Default 940px grid
    
+  
    
+    
    1
    
+    
    1
    
+    
    1
    
+    
    1
    
+    
    1
    
+    
    1
    
+    
    1
    
+    
    1
    
+    
    1
    
+    
    1
    
+    
    1
    
+    
    1
    
+  
    
+  
    
+    
    4
    
+    
    4
    
+    
    4
    
+  
    
+  
    
+    
    4
    
+    
    8
    
+  
    
+  
    
+    
    6
    
+    
    6
    
+  
    
+  
    
+    
    12
    
+  
    
+
+  
    
+    
    
+      
    The default grid system provided as part of Bootstrap is a 940px-wide, 12-column grid.
    
+      
    It also has three responsive variations for various devices and resolutions: phone, tablet, and large widescreen desktops.
    
+    
    
+    
    
+
    +<div class="row">
+  <div class="span4">...</div>
+  <div class="span8">...</div>
+</div>
+
    
+    
    
+    
    
+      
    As shown here, a basic layout can be created with two "columns," each spanning a number of the 12 foundational columns we defined as part of our grid system.
    
+    
    
+  
    
+
+  
    Offsetting columns
    
+  
    
+    
    4
    
+    
    4 offset 4
    
+  
    
+  
    
+    
    3 offset 3
    
+    
    3 offset 3
    
+  
    
+  
    
+    
    8 offset 4
    
+  
    
+
+  
    
+
+  
    Nesting columns
    
+  
    
+    
    
+      
    With the static (non-fluid) grid system in Bootstrap, nesting is easy. To nest your content, just add a new .row and set of .span* columns within an existing .span* column.
    
+      
    Example
    
+      
    
+        
    
+          Level 1 of column
+          
    
+            
    
+              Level 2
+            
    
+            
    
+              Level 2
+            
    
+          
    
+        
    
+      
    
+    
    
+    
    
+
    +<div class="row">
+  <div class="span12">
+    Level 1 of column
+    <div class="row">
+      <div class="span6">Level 2</div>
+      <div class="span6">Level 2</div>
+    </div>
+  </div>
+</div>
+
    
+    
    
+  
    
+
+  
    Grid customization
    
+  
+    
+      
+        
+        
+        
+      
+    
+    
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+    
+  
    VariableDefault valueDescription
    @gridColumns12Number of columns
    @gridColumnWidth60pxWidth of each column
    @gridGutterWidth20pxNegative space between columns
    @siteWidthComputed sum of all columns and guttersCounts number of columns and gutters to set width of the .fixed-container() mixin
    
+  
    
+    
    
+      
    Variables in LESS
    
+      
    Built into Bootstrap are a handful of variables for customizing the default 940px grid system, documented above. All variables for the grid are stored in variables.less.
    
+    
    
+    
    
+      
    How to customize
    
+      
    Modifying the grid means changing the three @grid* variables and recompiling Bootstrap. Change the grids in the preboot.less file and use one of the four ways documented to recompile.
    
+    
    
+    
    
+      
    Staying responsive
    
+      
    Customization of the grid only works at the default level, the 940px grid. To maintain the responsive aspects of Bootstrap, you'll also have to customize the grids in responsive.less.
    
+    
    
+  
    
+
+
    
+
+
+
+
+
    
+  
    
+    
    Layouts Basic templates to create webpages
    
+  
    
+
+  
    
+    
    
+      
    Fixed layout
    
+      
    The default and simple 940px-wide, centered layout for just about any website or page provided by a single <div class="container">.
    
+      
    
+        
    
+      
    
+
    +<body>
+  <div class="container">
+    ...
+  </div>
+</body>
+
    
+    
    
+    
    
+      
    Fluid layout
    
+      
    <div class="fluid-container"> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.
    
+      
    
+        
    
+        
    
+      
    
+
    +<body>
+  <div class="fluid-container sidebar-left">
+    <div class="fluid-sidebar">
+      ...
+    </div>
+    <div class="fluid-content">
+      ...
+    </div>
+  </div>
+</body>
+
    
+    
    
+  
    
+
    
+
+
+
+
+
+
    
+  
    
+    
    Responsive design Media queries for various devices and resolutions
    
+  
    
+  
+  
    
+    
    
+      Responsive devices
+    
    
+    
    
+      
    Supported devices
    
+      
    Bootstrap supports a handful of media queries to help make your projects more appropriate on different devices and screen resolutions. Here's what's included:
    
+      
+        
+          
+            
+            
+            
+            
+          
+        
+        
+          
+            
+            
+            
+          
+          
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+          
+            
+            
+            
+            
+          
+        
+      
    LabelLayout widthColumn widthGutter width
    Smartphones480px and belowFluid columns, no fixed widths
    Portrait tablets480px to 768pxFluid columns, no fixed widths
    Landscape tablets768px to 940px44px20px
    Default940px and up60px20px
    Large display1210px and up70px30px
    
+
+      
    What they do
    
+      
    Media queries allow for custom CSS based on a number of conditions—ratios, widths, display type, etc—but usually focuses around min-width and max-width.
    
+      
      
+        
    • Modify the width of column in our grid
      • 
+        
    • Stack elements instead of float wherever necessary
      • 
+        
    • Resize headings and text to be more appropriate for devices
      • 
+      
    
+    
    
+  
    
+
+  
    
+
+  
+  
    Using the media queries
    
+  
    
+    
    
+      
    Bootstrap doesn't automatically include these media queries, but understanding and adding them is very easy and requires minimal setup. You have a few options for including the responsive features of Bootstrap:
    
+      
      
+        
    1. Use the compiled responsive version, bootstrap.reponsive.css
      2. 
+        
    2. Add @import "responsive.less" and recompile Bootstrap
      3. 
+        
    3. Compile responsive.less as a separate file and include that
      4. 
+      
    
+      
    Why not just include it? Truth be told, not everything needs to be responsive. Instead of encouraging developers to remove this feature, we figure it best to enable it.
    
+    
    
+    
    
+
    +  // Landscape phones and down
+  @media (max-width: 480px) { ... }
+
+  // Landscape phone to portrait tablet
+  @media (min-width: 480px) and (max-width: 768px) { ... }
+
+  // Portrait tablet to landscape and desktop
+  @media (min-width: 768px) and (max-width: 940px) { ... }
+
+  // Large desktop
+  @media (min-width: 1210px) { .. }
+
    
+    
    
+  
    
+
    
\ No newline at end of file
diff --git a/docs/templates/pages/upgrading.mustache b/docs/templates/pages/upgrading.mustache
new file mode 100644
index 000000000..a243d6ad5
--- /dev/null
+++ b/docs/templates/pages/upgrading.mustache
@@ -0,0 +1,86 @@
+
+
    
+  
    Upgrading to Bootstrap 2
    
+  
    Learn about significant changes and additions since v1.4 with this handy guide.
    
+
    
+
+
+
    Rough outline
    
+
      
+  
    • Docs completely overhauled
+    
        
+      
      • Responsive thanks to new grid system
        • 
+      
      • Now less marketing and more information
        • 
+      
      • Extensive use of tables to share classes and elements of most components
        • 
+      
      • Broken down into several pages for easier consumption
        • 
+    
      
+  
      • 
+  
    • Updated grid system, now only 12 columns
+    
        
+      
      • Same great classes, but now only 12 columns
        • 
+      
      • Responsive approach means your projects virtually work out of the box on smartphones, tablets, and more
        • 
+    
      
+  
      • 
+  
    • New thumbnails (previously media grids)
+    
        
+      
      • .media-grid class has been changed to .thumbnails
        • 
+      
      • Individual thumbnails now require .thumbnail class
        • 
+    
      
+  
      • 
+  
    • Updated forms
+    
        
+      
      • Default form style is now stacked to use less CSS and add flexibility
        • 
+      
      • Exact same markup is required for vertical or horizontal forms—just swap the classes
        • 
+      
      • New form defaults for search, inline, vertical, and horizontal
        • 
+    
      
+  
      • 
+  
    • Updated tables
+    
        
+      
      • Table classes made more consistent
        • 
+      
      • Removed unused table color options (too much code for such little impact)
        • 
+    
      
+  
      • 
+  
    • Typography
+    
        
+      
      • Right-aligned option for blockquotes if float: right;
        • 
+      
      • h4 elements were dropped from 16px to 14px with a default line-height of 18px
        • 
+      
      • h5 elements were dropped from 14px to 12px
        • 
+      
      • h6 elements were dropped from 13px to 11px
        • 
+    
      
+  
      • 
+  
    • Buttons
+    
        
+      
      • Added button bar options
        • 
+    
      
+  
      • 
+  
    • Examples
+    
        
+      
      • Fluid examples redone. .fluid-container now requires a .sidebar-left or .sidebar-right as well. Fluid sidebar element has a new class, .fluid-sidebar.
        • 
+    
      
+  
      • 
+  
    • Dropdown menus
+    
        
+      
      • Updated the .dropdown-menu to tighten up spacing
        • 
+      
      • Now requires you to add a <span class="caret"></span> to show the dropdown arrow
        • 
+      
      • The navbar (fixed topbar) has brand new dropdowns. Gone are the dark versions and in their place are the standard white ones with an additional caret at their tops for clarity of position.
        • 
+    
      
+  
      • 
+  
    • Navigation
+    
        
+      
      • Tabs and pills now require the use of a new base class, .nav, on their <ul>
        • 
+      
      • New nav list component added that uses the same base class, .nav
        • 
+      
      • Vertical tabs and pills have been added—just add .stacked to the <ul>
        • 
+      
      • Pills were restyled to be less rounded by default
        • 
+      
      • Pills now have dropdown menu support (they share the same markup and styles as tabs)
        • 
+    
      
+  
      • 
+
    
+
+
\ No newline at end of file
diff --git a/docs/upgrading.html b/docs/upgrading.html
index 42521bb9a..7e43408ac 100644
--- a/docs/upgrading.html
+++ b/docs/upgrading.html
@@ -2,12 +2,12 @@
 
   
     
-    Bootstrap, from Twitter: Upgrading from v1.4 to v2.0
+    Bootstrap, from Twitter
     
     
     
 
-    
+    
     
@@ -18,10 +18,11 @@
     
 
     
-    
-    
-    
-    
+    
+    
+    
+    
+
   
 
   
@@ -33,8 +34,8 @@
         
    
           Bootstrap
           
             
-            
  • 
+            
  • 
               
                 Base CSS
                 
@@ -58,7 +59,7 @@
                 
  • Icons by Glyphicons
    • 
               
             
-            
  • 
+            
  • 
               
                 Components
                 
@@ -75,7 +76,7 @@
                 
  • Progress bars
    • 
               
             
-            
  • 
+            
  • 
               
                 Javascript plugins
                 
@@ -95,7 +96,7 @@
                 
  • Typeahead
    • 
               
             
-            
  • 
+            
  • 
               
                 Using LESS
               
@@ -107,12 +108,12 @@
 
     
    
 
-      
-      
    
-        
    Upgrading to Bootstrap 2
    
-        
    Learn about significant changes and additions since v1.4 with this handy guide.
    
-      
    
+
+
    
+  
    Upgrading to Bootstrap 2
    
+  
    Learn about significant changes and additions since v1.4 with this handy guide.
    
+
    
 
 
 
    Rough outline
    
@@ -193,8 +194,6 @@
   
    • 
 -->
 
-
-
       
       
+
     
    
 
+
     
     
-    
-    
-    
+    
+    
+    
+    
+    
+    
     
-
+    
+    
+    
+    
+    
+    
+    
+    
+    
   
 
-- 
cgit v1.2.3


From b4b1ef68398b68dcdfa29465d06cd76d6bf2c49d Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Mon, 23 Jan 2012 15:17:32 -0800
Subject: rebuild with new templates

---
 docs/assets/js/application.js             |    1 +
 docs/base-css.html                        |   95 +-
 docs/components.html                      |  110 +-
 docs/index.html                           |  438 +++---
 docs/javascript.html                      | 2442 ++++++++++++++---------------
 docs/less.html                            |   78 +-
 docs/scaffolding.html                     |   93 +-
 docs/templates/layout.mustache            |   79 +-
 docs/templates/pages/base-css.mustache    |    7 +
 docs/templates/pages/components.mustache  |   26 +-
 docs/templates/pages/index.mustache       |  356 ++---
 docs/templates/pages/javascript.mustache  | 2338 +++++++++++++--------------
 docs/templates/pages/scaffolding.mustache |   18 +-
 docs/templates/pages/upgrading.mustache   |   12 +-
 docs/upgrading.html                       |   89 +-
 15 files changed, 2867 insertions(+), 3315 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js
index 93f7ea719..2da4ab8e2 100644
--- a/docs/assets/js/application.js
+++ b/docs/assets/js/application.js
@@ -24,6 +24,7 @@ $(function(){
   // table sort example
   if ($.fn.tableSorter) {
     $("#sortTableExample").tablesorter( { sortList: [[ 1, 0 ]] } )
+    $(".tablesorter-example").tablesorter({ sortList: [[1,0]] })
   }
 
   // add on logic
diff --git a/docs/base-css.html b/docs/base-css.html
index a869eecf8..91cb4ec70 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -27,86 +27,30 @@
 
   
 
-    
     
    
       
    
         
    
           Bootstrap
           
         
    
@@ -115,28 +59,19 @@
 
     
    
 
-<<<<<<< HEAD
 
 
    
   
    Base CSS
    
   
    On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.
    
+  
 
    
-=======
-      
-      
    
-        
    Base CSS
    
-        
    On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.
    
-        
-      
    
->>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
 
 
 
       
    
         
    Back to top
    
diff --git a/docs/components.html b/docs/components.html
index ee14526e5..4a1e4fc6f 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -27,82 +27,30 @@
 
   
 
-    
     
    
       
    
         
    
           Bootstrap
           
         
    
@@ -111,33 +59,24 @@
 
     
    
 
-<<<<<<< HEAD
-
-
    
-  
    Components
    
-  
    Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.
    
-
    
-=======
-      
-      
    
-        
    Components
    
-        
    Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.
    
-        
-      
    
+  
+  
    
+    
    Components
    
+    
    Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.
    
+    
+  
    
 
->>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
 
 
   
       
    
         
    Back to top
    
diff --git a/docs/index.html b/docs/index.html
index f61518e07..9693b9f7e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -27,96 +27,30 @@
 
   
 
-    
     
    
       
    
         
    
           Bootstrap
           
         
    
@@ -125,195 +59,195 @@
 
     
    
 
-
    
+      
    
 
-  
-  
    
-    
    
-      
    Bootstrap,
     from Twitter
    
-      
    Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, featuring HTML, CSS, and JS for dozens of base elements and common design components.
    
-      
    
-        Download on GitHub
-        Get started →
-      
    
+        
+        
    
+          
    
+            
    Bootstrap,
     from Twitter
    
+            
    Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, featuring HTML, CSS, and JS for dozens of base elements and common design components.
    
+            
    
+              Download on GitHub
+              Get started →
+            
    
 
-      
    
-        
    Feature highlights
    
-        
      
-          
    • × Built on LESS
      • 
-          
    • × Complete styleguide docs
      • 
-          
    • × Fully responsive design
      • 
-          
    • × Small footprint (7kb gzipped)
      • 
-          
    • × Support for IE7 and up
      • 
-          
    • × Custom jQuery plugins
      • 
-          
    • × Dozens of components
      • 
-        
    
-      
    
-    
    
-  
    
+            
    
+              
    Feature highlights
    
+              
      
+                
    • × Built on LESS
      • 
+                
    • × Complete styleguide docs
      • 
+                
    • × Fully responsive design
      • 
+                
    • × Small footprint (7kb gzipped)
      • 
+                
    • × Support for IE7 and up
      • 
+                
    • × Custom jQuery plugins
      • 
+                
    • × Dozens of components
      • 
+              
    
+            
    
+          
    
+        
    
 
-  
 
 
-  
    
-    
    Built with Bootstrap.
    
-    
    For even more sites built with Bootstrap, visit the unofficial Tumblr.
    
-    
+        
    
+          
    Built with Bootstrap.
    
+          
    For even more sites built with Bootstrap, visit the unofficial Tumblr.
    
+          
 
-    
    Designed for everyone, everywhere.
    
-    
    Need reasons to love Bootstrap? Look no further.
    
-    
    
-      
    
-        
-        
    Built for and by nerds
    
-        
    Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster. Bootstrap is built for you.
    
-      
    
-      
    
-        
-        
    For all skill levels
    
-        
    Bootstrap is designed to help people of all skill level—designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex.
    
-      
    
-      
    
-        
-        
    Cross-everything
    
-        
    Originally built with only modern browsers in mind, Bootstrap has evolved to include support for all major browsers (even IE7!) and, with Bootstrap 2, tablets and smartphones, too.
    
-      
    
-    
    
-    
    
-      
    
-        
-        
    12-column grid
    
-        
    Grid systems aren't everything, but having a durable and flexible one at the core of your work can make development much simpler. Use our built-in grid classes or roll your own.
    
-      
    
-      
    
-        
-        
    Responsive design
    
-        
    With Bootstrap 2, we've gone fully responsive. Our components are scaled according to a range of resolutions and devices to provide a consistent experience, no matter what.
    
-      
    
-      
    
-        
-        
    Styleguide docs
    
-        
    Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only our features, but best practices and living, coded examples.
    
-      
    
-    
    
-    
    
-      
    
-        
-        
    Growing library
    
-        
    Despite being only 7kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components ready to be put to use.
    
-      
    
-      
    
-        
-        
    Custom jQuery plugins
    
-        
    What good is an awesome design component without easy-to-use, proper, and extensible interactions? With Bootstrap, you get custom-built jQuery plugins to bring your projects to life.
    
-      
    
-      
    
-        
-        
    Built on LESS
    
-        
    Where vanilla CSS falters, LESS excels. Variables, nesting, operations, and mixins in LESS makes coding CSS faster and more efficient with minimal overhead.
    
-      
    
-    
    
-    
    
-      
    
-        
-        
    HTML5
    
-        
    Built to support new HTML5 elements and syntax.
    
-      
    
-      
    
-        
-        
    CSS3
    
-        
    Progressively enhanced components for ultimate style.
    
-      
    
-      
    
-        
-        
    Open-source
    
-        
    Built for and maintained by the community via GitHub.
    
-      
    
-      
    
-        
-        
    Made at Twitter
    
-        
    Brought to you by an experienced engineer and designer.
    
-      
    
-    
    
+          
    Designed for everyone, everywhere.
    
+          
    Need reasons to love Bootstrap? Look no further.
    
+          
    
+            
    
+              
+              
    Built for and by nerds
    
+              
    Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster. Bootstrap is built for you.
    
+            
    
+            
    
+              
+              
    For all skill levels
    
+              
    Bootstrap is designed to help people of all skill level—designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex.
    
+            
    
+            
    
+              
+              
    Cross-everything
    
+              
    Originally built with only modern browsers in mind, Bootstrap has evolved to include support for all major browsers (even IE7!) and, with Bootstrap 2, tablets and smartphones, too.
    
+            
    
+          
    
+          
    
+            
    
+              
+              
    12-column grid
    
+              
    Grid systems aren't everything, but having a durable and flexible one at the core of your work can make development much simpler. Use our built-in grid classes or roll your own.
    
+            
    
+            
    
+              
+              
    Responsive design
    
+              
    With Bootstrap 2, we've gone fully responsive. Our components are scaled according to a range of resolutions and devices to provide a consistent experience, no matter what.
    
+            
    
+            
    
+              
+              
    Styleguide docs
    
+              
    Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only our features, but best practices and living, coded examples.
    
+            
    
+          
    
+          
    
+            
    
+              
+              
    Growing library
    
+              
    Despite being only 7kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components ready to be put to use.
    
+            
    
+            
    
+              
+              
    Custom jQuery plugins
    
+              
    What good is an awesome design component without easy-to-use, proper, and extensible interactions? With Bootstrap, you get custom-built jQuery plugins to bring your projects to life.
    
+            
    
+            
    
+              
+              
    Built on LESS
    
+              
    Where vanilla CSS falters, LESS excels. Variables, nesting, operations, and mixins in LESS makes coding CSS faster and more efficient with minimal overhead.
    
+            
    
+          
    
+          
    
+            
    
+              
+              
    HTML5
    
+              
    Built to support new HTML5 elements and syntax.
    
+            
    
+            
    
+              
+              
    CSS3
    
+              
    Progressively enhanced components for ultimate style.
    
+            
    
+            
    
+              
+              
    Open-source
    
+              
    Built for and maintained by the community via GitHub.
    
+            
    
+            
    
+              
+              
    Made at Twitter
    
+              
    Brought to you by an experienced engineer and designer.
    
+            
    
+          
    
 
 
-    
-    
    Get started in no time.
    
-    
    Quickly start using Bootstrap within your workflow and development process.
    
-    
-      
-        
-          
-          
-          
-        
-      
-    
    
-            
    Hotlink the CSS
    
-            
    For the quickest and easiest start, just copy this snippet into your webpage.
    
-            
    
-              
-            
    
-              		
-            
    Use it with LESS
    
-            
    A fan of using LESS? No problem, just clone the repo and add these lines:
    
-            
    
-              
-            
    
-              		
-            
    Fork on GitHub
    
-            
    Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.
    
-            
    Bootstrap on GitHub »
    
-            
    Currently v2.0.0
    
-          
    
-  
    
-
    
-      
+          
    Get started in no time.
    
+          
    Quickly start using Bootstrap within your workflow and development process.
    
+          
+            
+              
+                
+                
+                
+              
+            
+          
    
+                  
    Hotlink the CSS
    
+                  
    For the quickest and easiest start, just copy this snippet into your webpage.
    
+                  
    
+                    
+                  
    
+                    		
+                  
    Use it with LESS
    
+                  
    A fan of using LESS? No problem, just clone the repo and add these lines:
    
+                  
    
+                    
+                  
    
+                    		
+                  
    Fork on GitHub
    
+                  
    Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.
    
+                  
    Bootstrap on GitHub »
    
+                  
    Currently v2.0.0
    
+                
    
+        
    
+      
    
+     
       
    
         
    Back to top
    
diff --git a/docs/javascript.html b/docs/javascript.html
index ac933b9cf..7b7f88c5c 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -27,79 +27,30 @@
 
   
 
-    
     
    
       
    
         
    
           Bootstrap
           
         
    
@@ -107,8 +58,7 @@
     
    
 
     
    
-<<<<<<< HEAD
-=======
+
       
       
    
@@ -129,1308 +79,1300 @@
           
  • Typeahead
    • 
         
       
    
->>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
 
-
-
    
-  
    Javascript for Bootstrap
    
-  
    Bring Bootstrap's components to life—now with 12 custom jQuery plugins.
-
    
 
-
-  
-  
    
-    
    
-      
    jQuery plugins A dozen Bootstrap plugins to get you started
    
-    
    
-  
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-  
     
-  
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-  
     
-  
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-  
     
-  
    
-    
    
-      
-    
    
-  
    
-  
    
-  Select/Unselect All Plugins
-  
    Note: All plugins require the latest version of jQuery to be included.
    
-
    
-
-
-
-
-
    
-  
    
-    
    Modals bootstrap-modal.js
    
-  
    
-  
    
-    
    
-      
    About modals
    
-      
    A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.
    
-      Download file
-    
    
-    
    
-      
    Static example
    
-      
    Below is a statically rendered modal.
    
-      
    
-        
    
-          
    
-            ×
-            
    Modal header
    
-          
    
-          
    
-            
    One fine body…
    
-          
    
-          
    
-            Save changes
-            Close
-          
    
+      
+      
    
+        
    
+          
    jQuery plugins A dozen Bootstrap plugins to get you started
    
         
    
-      
     
-
-      
    Live demo
    
-      
    Toggle a modal via javascript by clicking the button below. It will slide down and fade in from the top of the page.
    
-      
-      
    
+
+
+
+    
+    
    
+      
    
+        
    Modals bootstrap-modal.js
    
+      
    
+      
    
+        
    
+          
    About modals
    
+          
    A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.
    
+          Download file
+        
    
+        
    
+          
    Static example
    
+          
    Below is a statically rendered modal.
    
+          
    
+            
    
+              
    
+                ×
+                
    Modal header
    
+              
    
+              
    
+                
    One fine body…
    
+              
    
+              
    
+                Save changes
+                Close
+              
    
+            
    
+          
     
+
+          
    Live demo
    
+          
    Toggle a modal via javascript by clicking the button below. It will slide down and fade in from the top of the page.
    
+          
+          
+          Launch demo modal
+
+          
    
+
+          
    Using bootstrap-modal
    
+          
    Call the modal via javascript:
    
+          
    $('#myModal').modal(options)
    
+          
    Options
    
+          
+            
+             
+               
+               
+               
+               
+             
+            
+            
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+            
+          
    Nametypedefaultdescription
    backdropbooleantrueIncludes a modal-backdrop element
    keyboardbooleantrueCloses the modal when escape key is pressed
    
+          
    Markup
    
+          
    You can activate modals on your page easily without having to write a single line of javascript. Just set data-toggle="modal" on a controller element with a data-target="#foo" or href="#foo" which corresponds to a modal element id, and when clicked, it will launch your modal.
    
+          
    Also, to add options to your modal instance, just include them as additional data attributes on either the control element or the modal markup itself.
    
 
     <a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>
 
    
 
 
     <div class="modal">
-<div class="modal-header">
-<a href="#" class="close js-dismiss">×</a>
-<h3>Modal header</h3>
-</div>
-<div class="modal-body">
-<p>One fine body…</p>
-</div>
-<div class="modal-footer">
-<a href="#" class="btn primary">Save changes</a>
-<a href="#" class="btn">Close</a>
-</div>
+  <div class="modal-header">
+    <a href="#" class="close js-dismiss">×</a>
+    <h3>Modal header</h3>
+  </div>
+  <div class="modal-body">
+    <p>One fine body…</p>
+  </div>
+  <div class="modal-footer">
+    <a href="#" class="btn primary">Save changes</a>
+    <a href="#" class="btn">Close</a>
+  </div>
 </div>
 
    
-      
    Notice If you want your modal to animate in and out, just add a .fade class to the .modal element (refer to the demo to see this in action).
    
-      
    Methods
    
-      
    .modal(options)
    
-      
    Activates your content as a modal. Accepts an optional options object.
+          
    Notice If you want your modal to animate in and out, just add a .fade class to the .modal element (refer to the demo to see this in action).
    
+          
    Methods
    
+          
    .modal(options)
    
+          
    Activates your content as a modal. Accepts an optional options object.
 
     $('#myModal').modal({
-keyboard: false
+  keyboard: false
 })
    
-      
    .modal('toggle')
    
-      
    Manually toggles a modal.
    
-      
    $('#myModal').modal('toggle')
    
-      
    .modal('show')
    
-      
    Manually opens a modal.
    
-      
    $('#myModal').modal('show')
    
-      
    .modal('hide')
    
-      
    Manually hides a modal.
    
-      
    $('#myModal').modal('hide')
    
-      
    Events
    
-      
    Bootstrap's modal class exposes a few events for hooking into modal functionality. 
    
-      
-        
-         
-           
-           
-         
-        
-        
-         
-           
-           
-         
-         
-           
-           
-         
-         
-           
-           
-         
-         
-           
-           
-         
-        
-      
    EventDescription
    showThis event fires immediately when the show instance method is called.
    shownThis event is fired when the modal has been made visible to the user (will wait for css transitions to complete).
    hideThis event is fired immediately when the hide instance method has been called.
    hiddenThis event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).
    
+          
    .modal('toggle')
    
+          
    Manually toggles a modal.
    
+          
    $('#myModal').modal('toggle')
    
+          
    .modal('show')
    
+          
    Manually opens a modal.
    
+          
    $('#myModal').modal('show')
    
+          
    .modal('hide')
    
+          
    Manually hides a modal.
    
+          
    $('#myModal').modal('hide')
    
+          
    Events
    
+          
    Bootstrap's modal class exposes a few events for hooking into modal functionality. 
    
+          
+            
+             
+               
+               
+             
+            
+            
+             
+               
+               
+             
+             
+               
+               
+             
+             
+               
+               
+             
+             
+               
+               
+             
+            
+          
    EventDescription
    showThis event fires immediately when the show instance method is called.
    shownThis event is fired when the modal has been made visible to the user (will wait for css transitions to complete).
    hideThis event is fired immediately when the hide instance method has been called.
    hiddenThis event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).
    
 
 
     $('#myModal').on('hidden', function () {
-// do something ...
+  // do something ...
 })
    
-    
    
-  
    
-
    
-
-
-
-
-
+
+
+
+    
+    
     
+
+           
 
-      
    
+          
    
 
-      
    Using bootstrap-dropdown.js
    
-      
    Call the dropdowns via javascript:
    
-      
    $('.dropdown-toggle').dropdown()
    
-      
    Markup
    
-      
    To quickly add dropdown functionality to any element just add data-toggle="dropdown" and any valid bootstrap dropdown will automatically be activated.
    
-      
    Notice For added control and flexibility, optionally specify a data-target="#fat" or href="#fat" - this allows you to target specific dropdowns.
    
+          
    Using bootstrap-dropdown.js
    
+          
    Call the dropdowns via javascript:
    
+          
    $('.dropdown-toggle').dropdown()
    
+          
    Markup
    
+          
    To quickly add dropdown functionality to any element just add data-toggle="dropdown" and any valid bootstrap dropdown will automatically be activated.
    
+          
    Notice For added control and flexibility, optionally specify a data-target="#fat" or href="#fat" - this allows you to target specific dropdowns.
    
 
 
     <ul class="nav pills">
-<li class="active"><a href="#">Regular link</a></li>
-<li class="dropdown" id="menu1">
-<a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
-  Dropdown
-  <b class="caret"></b>
-</a>
-<ul class="dropdown-menu">
-  <li><a href="#">Action</a></li>
-  <li><a href="#">Another action</a></li>
-  <li><a href="#">Something else here</a></li>
-  <li class="divider"></li>
-  <li><a href="#">Separated link</a></li>
-</ul>
-</li>
-...
+  <li class="active"><a href="#">Regular link</a></li>
+  <li class="dropdown" id="menu1">
+    <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
+      Dropdown
+      <b class="caret"></b>
+    </a>
+    <ul class="dropdown-menu">
+      <li><a href="#">Action</a></li>
+      <li><a href="#">Another action</a></li>
+      <li><a href="#">Something else here</a></li>
+      <li class="divider"></li>
+      <li><a href="#">Separated link</a></li>
+    </ul>
+  </li>
+  ...
 </ul>
    
-      
    Methods
    
-      
    $().dropdown()
    
-      
    
-      A programatic api for activating menus for a given navbar or tabbed navigation.
-      
    
-    
    
-  
    
-
+          
    Methods
    
+          
    $().dropdown()
    
+          
    
+          A programatic api for activating menus for a given navbar or tabbed navigation.
+          
    
+        
    
+      
    
+    
 
 
 
-
-
    
-  
    
-    
    ScrollSpy bootstrap-scrollspy.js
    
-  
    
-  
    
-    
    
-      
    The ScrollSpy plugin is for automatically updating nav targets based on scroll position.
    
-      Download file
-    
    
-    
    
-      
    Example navbar with scrollspy
    
-      
    Scroll the area below and watch the navigation update. The dropdown sub items will be highlighted as well. Try it!
    
-      
+          
    
+            
    @fat
    
+            
    
+            Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
+            
    
+            
    @mdo
    
+            
    
+            Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.
+            
    
+            
    one
    
+            
    
+            Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.
+            
    
+            
    two
    
+            
    
+            In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.
+            
    
+            
    three
    
+            
    
+            Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
+            
    
+            
    Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats.
+            
    
+          
    
+          
    
+          
    Using bootstrap-scrollspy.js
    
+          
    Call the scrollspy via javascript:
    
+          
    $('#navbar').scrollspy()
    
+          
    Markup
    
+          
    To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body).
+          
    <body data-spy="scroll" >...</body>
    
+           
    Notice Navbar anchor tags must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.
+          
    Options
    
+          
+            
+             
+               
+               
+               
+               
+             
+            
+            
+             
+               
+               
+               
+               
+             
+            
+          
    Nametypedefaultdescription
    offsetnumber10Pixels to offset from top when calculating position of scroll.
    
         
    
       
    
-      
    
-        
    @fat
    
-        
    
-        Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
-        
    
-        
    @mdo
    
-        
    
-        Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.
-        
    
-        
    one
    
-        
    
-        Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.
-        
    
-        
    two
    
-        
    
-        In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.
-        
    
-        
    three
    
-        
    
-        Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
-        
    
-        
    Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats.
-        
    
-      
    
-      
    
-      
    Using bootstrap-scrollspy.js
    
-      
    Call the scrollspy via javascript:
    
-      
    $('#navbar').scrollspy()
    
-      
    Markup
    
-      
    To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body).
-      
    <body data-spy="scroll" >...</body>
    
-       
    Notice Navbar anchor tags must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.
-      
    Options
    
-      
-        
-         
-           
-           
-           
-           
-         
-        
-        
-         
-           
-           
-           
-           
-         
-        
-      
    Nametypedefaultdescription
    offsetnumber10Pixels to offset from top when calculating position of scroll.
    
-    
    
-  
    
-
+    
 
 
 
-
-
    
-  
    
-    
    Togglable tabs bootstrap-tab.js
    
-  
    
-  
    
-    
    
-      
    This plugin adds quick, dynamic tab and pill functionality for transitioning through local content.
    
-      Download file
-    
    
-    
    
-      
    Example tabs
    
-      
    Click the tabs below to toggle between hidden panes, even via dropdown menus.
    
-      
-      
    
-        
    
-          
    Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
    
-        
    
-        
    
-          
    Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
    
-        
    
-        
-        
+    
+    
    
+      
    
+        
    Togglable tabs bootstrap-tab.js
    
       
    
-      
    
-      
    Using bootstrap-tab.js
    
-      
    Enable tabbable tabs via javascript:
    
-      
    $('#myTab').tab('show')
    
-      
    Markup
    
-      
    You can activate a tab or pill navigation without writing any javascript by simply specifying data-toggle="tab" or data-toggle="pill" on an element.
    
+      
    
+        
    
+          
    This plugin adds quick, dynamic tab and pill functionality for transitioning through local content.
    
+          Download file
+        
    
+        
    
+          
    Example tabs
    
+          
    Click the tabs below to toggle between hidden panes, even via dropdown menus.
    
+          
+          
    
+            
    
+              
    Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
    
+            
    
+            
    
+              
    Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
    
+            
    
+            
+            
+          
    
+          
    
+          
    Using bootstrap-tab.js
    
+          
    Enable tabbable tabs via javascript:
    
+          
    $('#myTab').tab('show')
    
+          
    Markup
    
+          
    You can activate a tab or pill navigation without writing any javascript by simply specifying data-toggle="tab" or data-toggle="pill" on an element.
    
 
     <ul class="tabs">
-<li><a href="#home" data-toggle="tab">Home</a></li>
-<li><a href="#profile" data-toggle="tab">Profile</a></li>
-<li><a href="#messages" data-toggle="tab">Messages</a></li>
-<li><a href="#ettings" data-toggle="tab">Settings</a></li>
+  <li><a href="#home" data-toggle="tab">Home</a></li>
+  <li><a href="#profile" data-toggle="tab">Profile</a></li>
+  <li><a href="#messages" data-toggle="tab">Messages</a></li>
+  <li><a href="#ettings" data-toggle="tab">Settings</a></li>
 </ul>
    
-      
    Methods
    
-      
    $().tab
    
-      
    
-        Activates a tab element and content container. Tab should have either a `data-target` or an `href` targeting a container node in the dom.
-      
    
+          
    Methods
    
+          
    $().tab
    
+          
    
+            Activates a tab element and content container. Tab should have either a `data-target` or an `href` targeting a container node in the dom.
+          
    
 
     <ul class="tabs">
-<li class="active"><a href="#home">Home</a></li>
-<li><a href="#profile">Profile</a></li>
-<li><a href="#messages">Messages</a></li>
-<li><a href="#settings">Settings</a></li>
+  <li class="active"><a href="#home">Home</a></li>
+  <li><a href="#profile">Profile</a></li>
+  <li><a href="#messages">Messages</a></li>
+  <li><a href="#settings">Settings</a></li>
 </ul>
 
 <div class="tab-content">
-<div class="active" id="home">...</div>
-<div id="profile">...</div>
-<div id="messages">...</div>
-<div id="settings">...</div>
+  <div class="active" id="home">...</div>
+  <div id="profile">...</div>
+  <div id="messages">...</div>
+  <div id="settings">...</div>
 </div>
 
 <script>
-$(function () {
-$('.tabs a:last').tab('show')
-})
+  $(function () {
+    $('.tabs a:last').tab('show')
+  })
 </script>
    
-      
    
-      
    Events
    
-      
-        
-         
-           
-           
-         
-        
-        
-         
-           
-           
-        
-        
-           
-           
-         
-        
-      
    EventDescription
    showThis event fires on tab show, but before the new tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
    shownThis event fires on tab show after a tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
    
-
-      
    +          
    
+          
    Events
    
+          
+            
+             
+               
+               
+             
+            
+            
+             
+               
+               
+            
+            
+               
+               
+             
+            
+          
    EventDescription
    showThis event fires on tab show, but before the new tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
    shownThis event fires on tab show after a tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
    
+
+          
     $('a[data-toggle="tab"]').on('shown', function (e) {
-e.target // activated tab
-e.relatedTarget // previous tab
+  e.target // activated tab
+  e.relatedTarget // previous tab
 })
    
-   
    
-  
    
-
    
-
-
-
-
    
-  
    
-    
    Tooltips bootstrap-tooltip.js
    
-  
    
-  
    
-    
    
-      
    About Tooltips
    
-      
    Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, uss css3 for animations, and data-attributes for local title storage.
    
-      Download file
-    
    
-    
    
-      
    Example use of Tooltips
    
-      
    Hover over the links below to see tooltips:
    
-      
    
-        
    Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.
-        
    
+       
    
       
    
-      
    
-      
    Using bootstrap-tooltip.js
    
-      
    Trigger the tooltip via javascript:
    
-      
    $('#example').tooltip(options)
    
-      
    Options
    
-      
-        
-         
-           
-           
-           
-           
-         
-        
-        
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-        
-      
    Nametypedefaultdescription
    animationbooleantrueapply a css fade transition to the tooltip
    placementstring'top'how to position the tooltip - top | bottom | left | right
    selectorstringfalseIf a selector is provided, tooltip objects will be delegated to the specified targets.
    titlestring | function''default title value if `title` tag isn't present
    triggerstring'hover'how tooltip is triggered - hover | focus | manual
    delaynumber | object0
-            
    delay showing/hiding the tooltip (ms)
    
-            
    If a number is supplied, delay is applied to both hide/show
    
-            
    Object structure is: delay: { show: 500, hide: 100 }
    
-           
    
-      
    Notice Individual tooltip instance options can alternatively be specified through the use of data attributes.
    
-      
    Markup
    
-      
    For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.
    
-      
    Methods
    
-      
    $().tooltip(options)
    
-      
    Attaches a tooltip handler to an element collection.
    
-      
    .tooltip('show')
    
-      
    Reveals an elements tooltip.
    
-      
    $('#element').tooltip('show')
    
-      
    .tooltip('hide')
    
-      
    Hides an elements tooltip.
    
-      
    $('#element').tooltip('hide')
    
-    
    
-  
    
-
    
-
-
-
-
-
    
-  
    
-    
    Popovers bootstrap-popover.js
    
-  
    
-  
    
-    
    
-      
    About popovers
    
-      
    Add small overlays of content, like those on the iPad, to any element for housing secondary information.
    
-      
    * Requires Tooltip to be included
    
-      Download file
-    
    
-    
    
-      
    Example hover popover
    
-      
    Hover over the button to trigger the popover.
    
-      
    
-        hover for popover
+    
    
+
+
+    
+    
    
+      
    
+        
    Tooltips bootstrap-tooltip.js
    
       
    
-      
    
-      
    Using bootstrap-popover.js
    
-      
    Enable popovers via javascript:
    
-      
    $('#example').popover(options)
    
-      
    Options
    
-      
-        
-         
-           
-           
-           
-           
-         
-        
-        
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-        
-      
    Nametypedefaultdescription
    animationbooleantrueapply a css fade transition to the tooltip
    placementstring'right'how to position the popover - top | bottom | left | right
    selectorstringfalseif a selector is provided, tooltip objects will be delegated to the specified targets
    triggerstring'hover'how tooltip is triggered - hover | focus | manual
    titlestring | function''default title value if `title` attribute isn't present
    contentstring | function''default content value if `data-content` attribute isn't present
    delaynumber | object0
-            
    delay showing/hiding the popover (ms)
    
-            
    If a number is supplied, delay is applied to both hide/show
    
-            
    Object structure is: delay: { show: 500, hide: 100 }
    
-           
    
-      
    Notice Individual popover instance options can alternatively be specified through the use of data attributes.
    
-      
    Markup
    
-      
    
-      For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a the selector option.
-      
    
-      
    Methods
    
-      
    $().popover(options)
    
-      
    Initializes popovers for an element collection.
    
-      
    .popover('show')
    
-      
    Reveals an elements popover.
    
-      
    $('#element').popover('show')
    
-      
    .popover('hide')
    
-      
    Hides an elements popover.
    
-      
    $('#element').popover('hide')
    
-    
    
-  
    
-
-
-
-
-
-
    
-  
    
-    
    Alert messages bootstrap-alert.js
    
-  
    
-  
    
-    
    
-      
    About alerts
    
-      
    The alert plugin is a tiny class for adding close functionality to alerts.
    
-      Download
-    
    
-    
    
-      
    Example alerts
    
-      
    The alerts plugin works on regular alert messages, and block messages.
    
-      
    
-        ×
-        Holy guacamole! Best check yo self, you’re not looking too good.
+      
    
+        
    
+          
    About Tooltips
    
+          
    Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, uss css3 for animations, and data-attributes for local title storage.
    
+          Download file
+        
    
+        
    
+          
    Example use of Tooltips
    
+          
    Hover over the links below to see tooltips:
    
+          
    
+            
    Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.
+            
    
+          
    
+          
    
+          
    Using bootstrap-tooltip.js
    
+          
    Trigger the tooltip via javascript:
    
+          
    $('#example').tooltip(options)
    
+          
    Options
    
+          
+            
+             
+               
+               
+               
+               
+             
+            
+            
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+            
+          
    Nametypedefaultdescription
    animationbooleantrueapply a css fade transition to the tooltip
    placementstring'top'how to position the tooltip - top | bottom | left | right
    selectorstringfalseIf a selector is provided, tooltip objects will be delegated to the specified targets.
    titlestring | function''default title value if `title` tag isn't present
    triggerstring'hover'how tooltip is triggered - hover | focus | manual
    delaynumber | object0
+                
    delay showing/hiding the tooltip (ms)
    
+                
    If a number is supplied, delay is applied to both hide/show
    
+                
    Object structure is: delay: { show: 500, hide: 100 }
    
+               
    
+          
    Notice Individual tooltip instance options can alternatively be specified through the use of data attributes.
    
+          
    Markup
    
+          
    For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.
    
+          
    Methods
    
+          
    $().tooltip(options)
    
+          
    Attaches a tooltip handler to an element collection.
    
+          
    .tooltip('show')
    
+          
    Reveals an elements tooltip.
    
+          
    $('#element').tooltip('show')
    
+          
    .tooltip('hide')
    
+          
    Hides an elements tooltip.
    
+          
    $('#element').tooltip('hide')
    
+        
    
       
    
-      
    
-        ×
-        
    Oh snap! You got an error!
    
-        
    Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
    
-        
    
-          Take this action Or do this
-        
    
+    
    
+
+
+
+    
+    
    
+      
    
+        
    Popovers bootstrap-popover.js
    
       
    
-      
    
-      
    Using bootstrap-alerts.js
    
-      
    Enable dismissal of an alert via javascript:
    
-      
    $(".alert-message").alert()
    
-      
    Markup
    
-      
    Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.
    
-      
    <a class="close" data-dismiss="alert" href="#">&times;</a>
    
-      
    Methods
    
-      
    $().alert()
    
-      
    Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.
    
-      
    .alert('close')
    
-      
    Closes an alert.
    
-      
    $(".alert-message").alert('close')
    
-      
    Events
    
-      
    Bootstrap's alert class exposes a few events for hooking into alert functionality. 
    
-      
-        
-         
-           
-           
-         
-        
-        
-         
-           
-           
-         
-         
-           
-           
-         
-        
-      
    EventDescription
    closeThis event fires immediately when the close instance method is called.
    closedThis event is fired when the alert has been closed (will wait for css transitions to complete).
    
+      
    
+        
    
+          
    About popovers
    
+          
    Add small overlays of content, like those on the iPad, to any element for housing secondary information.
    
+          
    * Requires Tooltip to be included
    
+          Download file
+        
    
+        
    
+          
    Example hover popover
    
+          
    Hover over the button to trigger the popover.
    
+          
    
+            hover for popover
+          
    
+          
    
+          
    Using bootstrap-popover.js
    
+          
    Enable popovers via javascript:
    
+          
    $('#example').popover(options)
    
+          
    Options
    
+          
+            
+             
+               
+               
+               
+               
+             
+            
+            
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+            
+          
    Nametypedefaultdescription
    animationbooleantrueapply a css fade transition to the tooltip
    placementstring'right'how to position the popover - top | bottom | left | right
    selectorstringfalseif a selector is provided, tooltip objects will be delegated to the specified targets
    triggerstring'hover'how tooltip is triggered - hover | focus | manual
    titlestring | function''default title value if `title` attribute isn't present
    contentstring | function''default content value if `data-content` attribute isn't present
    delaynumber | object0
+                
    delay showing/hiding the popover (ms)
    
+                
    If a number is supplied, delay is applied to both hide/show
    
+                
    Object structure is: delay: { show: 500, hide: 100 }
    
+               
    
+          
    Notice Individual popover instance options can alternatively be specified through the use of data attributes.
    
+          
    Markup
    
+          
    
+          For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a the selector option.
+          
    
+          
    Methods
    
+          
    $().popover(options)
    
+          
    Initializes popovers for an element collection.
    
+          
    .popover('show')
    
+          
    Reveals an elements popover.
    
+          
    $('#element').popover('show')
    
+          
    .popover('hide')
    
+          
    Hides an elements popover.
    
+          
    $('#element').popover('hide')
    
+        
    
+      
    
+    
    
+
+
+
+    
+    
    
+      
    
+        
    Alert messages bootstrap-alert.js
    
+      
    
+      
    
+        
    
+          
    About alerts
    
+          
    The alert plugin is a tiny class for adding close functionality to alerts.
    
+          Download
+        
    
+        
    
+          
    Example alerts
    
+          
    The alerts plugin works on regular alert messages, and block messages.
    
+          
    
+            ×
+            Holy guacamole! Best check yo self, you’re not looking too good.
+          
    
+          
    
+            ×
+            
    Oh snap! You got an error!
    
+            
    Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
    
+            
    
+              Take this action Or do this
+            
    
+          
    
+          
    
+          
    Using bootstrap-alerts.js
    
+          
    Enable dismissal of an alert via javascript:
    
+          
    $(".alert-message").alert()
    
+          
    Markup
    
+          
    Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.
    
+          
    <a class="close" data-dismiss="alert" href="#">&times;</a>
    
+          
    Methods
    
+          
    $().alert()
    
+          
    Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.
    
+          
    .alert('close')
    
+          
    Closes an alert.
    
+          
    $(".alert-message").alert('close')
    
+          
    Events
    
+          
    Bootstrap's alert class exposes a few events for hooking into alert functionality. 
    
+          
+            
+             
+               
+               
+             
+            
+            
+             
+               
+               
+             
+             
+               
+               
+             
+            
+          
    EventDescription
    closeThis event fires immediately when the close instance method is called.
    closedThis event is fired when the alert has been closed (will wait for css transitions to complete).
    
 
     $('#my-alert').bind('closed', function () {
-// do something ...
+  // do something ...
 })
    
-    
    
-  
    
-
    
-
-
-
-
-
    
-  
    
-    
    Buttons bootstrap-button.js
    
-  
    
-  
    
-    
    
-      
    About
    
-      
    Do more with buttons. Control button states or create groups of buttons for more components like toolbars.
    
-      Download file
-    
    
-    
    
-      
    Example uses
    
-      
    Use the buttons plugin for states and toggles.
    
-      
-        
-         
-           
-           
-         
-         
-           
-           
-         
-         
-           
-           
-         
-         
-           
-           
-         
-        
-      
    Stateful
-              
-            
    Single toggle
-              
-            
    Checkbox
-              
    
-                
-                
-                
-              
    
-           
    Radio
-              
    
-                
-                
-                
-              
    
-           
    
-      
    
-      
    Using bootstrap-button.js
    
-      
    Enable buttons via javascript:
    
-      
    $('.tabs').button()
    
-        
    Markup
    
-      
    Data attributes are integral to the button plugin. Check out the example code below for the various markup types.
    
+        
    
+      
    
+    
    
+
+
+
+    
+    
    
+      
    
+        
    Buttons bootstrap-button.js
    
+      
    
+      
    
+        
    
+          
    About
    
+          
    Do more with buttons. Control button states or create groups of buttons for more components like toolbars.
    
+          Download file
+        
    
+        
    
+          
    Example uses
    
+          
    Use the buttons plugin for states and toggles.
    
+          
+            
+             
+               
+               
+             
+             
+               
+               
+             
+             
+               
+               
+             
+             
+               
+               
+             
+            
+          
    Stateful
+                  
+                
    Single toggle
+                  
+                
    Checkbox
+                  
    
+                    
+                    
+                    
+                  
    
+               
    Radio
+                  
    
+                    
+                    
+                    
+                  
    
+               
    
+          
    
+          
    Using bootstrap-button.js
    
+          
    Enable buttons via javascript:
    
+          
    $('.tabs').button()
    
+            
    Markup
    
+          
    Data attributes are integral to the button plugin. Check out the example code below for the various markup types.
    
 
     <!-- Add data-toggle="button" to activate toggling on a single button -->
 <button class="btn" data-toggle="button">Single Toggle</button>
 
 <!-- Add data-toggle="buttons-checkbox" for checkbox style toggling on btn-group -->
 <div class="btn-group" data-toggle="buttons-checkbox">
-<button class="btn">Left</button>
-<button class="btn">Middle</button>
-<button class="btn">Right</button>
+  <button class="btn">Left</button>
+  <button class="btn">Middle</button>
+  <button class="btn">Right</button>
 </div>
 
 <!-- Add data-toggle="buttons-radio" for radio style toggling on btn-group -->
 <div class="btn-group" data-toggle="buttons-radio">
-<button class="btn">Left</button>
-<button class="btn">Middle</button>
-<button class="btn">Right</button>
+  <button class="btn">Left</button>
+  <button class="btn">Middle</button>
+  <button class="btn">Right</button>
 </div>
 
    
-      
    Methods
    
-      
    $().button('toggle')
    
-      
    Toggles push state. Gives btn the look that it's been activated.
    
-      
    Notice You can enable auto toggling of a button by using the data-toggle attribute.
    
-      
    <button class="btn" data-toggle="button" >...</button>
    
-      
    $().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 class="btn" data-loading-text="loading stuff..." >...</button>
    
-      
    
-        Notice Firefox persists the disabled state across page loads. A workaround for this is to use: autocomplete="off". More info can be found here.
-      
    
-       
    $().button('reset')
    
-       
    Resets button state - swaps text to original text.
    
-       
    $().button(string)
    
-       
    Resets button state - swaps text to any data defined text state.
    
+          
    Methods
    
+          
    $().button('toggle')
    
+          
    Toggles push state. Gives btn the look that it's been activated.
    
+          
    Notice You can enable auto toggling of a button by using the data-toggle attribute.
    
+          
    <button class="btn" data-toggle="button" >...</button>
    
+          
    $().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 class="btn" data-loading-text="loading stuff..." >...</button>
    
+          
    
+            Notice Firefox persists the disabled state across page loads. A workaround for this is to use: autocomplete="off". More info can be found here.
+          
    
+           
    $().button('reset')
    
+           
    Resets button state - swaps text to original text.
    
+           
    $().button(string)
    
+           
    Resets button state - swaps text to any data defined text state.
    
 
    <button class="btn" data-complete-text="finished!" >...</button>
 <script>
-$('.btn').button('complete')
+  $('.btn').button('complete')
 </script>
    
-    
    
-  
    
-
    
-
-
-
-
-
    
-  
    
-    
    Collapse bootstrap-collapse.js
    
-  
    
-  
    
-    
    
-      
    About
    
-      
    Get base styles and flexible support for collapsible components like accordions and navigation.
    
-      Download file
-    
    
-    
    
-      
    Example accordion
    
-      
    Using the collapse plugin, we built a simple accordion style widget:
    
-    
-      
    
-        
    
-          
    
-            
-              Collapsible Group Item #1
-            
-          
    
-          
    
-            
    
-              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
-            
    
-          
    
         
    
-        
    
-          
    
-            
-              Collapsible Group Item #2
-            
-          
    
-          
    
-            
    
-              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
-            
    
-          
    
+      
    
+    
    
+
+
+
+    
+    
    
+      
    
+        
    Collapse bootstrap-collapse.js
    
+      
    
+      
    
+        
    
+          
    About
    
+          
    Get base styles and flexible support for collapsible components like accordions and navigation.
    
+          Download file
         
    
-        
    
-          
    
-            
-              Collapsible Group Item #3
-            
-          
    
-          
    
-            
    
-              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+        
    
+          
    Example accordion
    
+          
    Using the collapse plugin, we built a simple accordion style widget:
    
+        
+          
    
+            
    
+              
    
+                
+                  Collapsible Group Item #1
+                
+              
    
+              
    
+                
    
+                  Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+                
    
+              
    
+            
    
+            
    
+              
    
+                
+                  Collapsible Group Item #2
+                
+              
    
+              
    
+                
    
+                  Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+                
    
+              
    
+            
    
+            
    
+              
    
+                
+                  Collapsible Group Item #3
+                
+              
    
+              
    
+                
    
+                  Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+                
    
+              
    
             
    
           
    
-        
    
-      
    
 
-      
-      
    
-      
    Using bootstrap-collapse.js
    
-      
    Enable via javascript:
    
-      
    $(".collapse").collapse()
    
-      
    Options
    
-      
-        
-         
-           
-           
-           
-           
-         
-        
-        
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-        
-      
    Nametypedefaultdescription
    parentselectorfalseIf selector then all collapsible elements under the specified parent will be closed when this collasabile item is shown. (similar to traditional accordion behavior)
    togglebooleantrueToggles the collapsible element on invocation
    
-      
    Markup
    
-      
    Just add data-toggle="collapse" and a data-target to element to automatically assign control of a collapsible element. The data-target attribute accepts a css selector to apply the collapse to. Be sure to add the class collapse to the collapsible element. If you'd like it to default open, add the additional class in.
    
-      
    +          
+          
    
+          
    Using bootstrap-collapse.js
    
+          
    Enable via javascript:
    
+          
    $(".collapse").collapse()
    
+          
    Options
    
+          
+            
+             
+               
+               
+               
+               
+             
+            
+            
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+            
+          
    Nametypedefaultdescription
    parentselectorfalseIf selector then all collapsible elements under the specified parent will be closed when this collasabile item is shown. (similar to traditional accordion behavior)
    togglebooleantrueToggles the collapsible element on invocation
    
+          
    Markup
    
+          
    Just add data-toggle="collapse" and a data-target to element to automatically assign control of a collapsible element. The data-target attribute accepts a css selector to apply the collapse to. Be sure to add the class collapse to the collapsible element. If you'd like it to default open, add the additional class in.
    
+          
     <button class="btn danger" data-toggle="collapse" data-target="#demo">
-simple collapsible
+  simple collapsible
 </button>
 
 <div id="demo" class="collapse in"> … </div>
    
-     
    Notice To add accordion like group management to a collapsible control just add the additional data attribute data-parent="#selector". Refer to the demo below to see this in action.
    
-      
    Methods
    
-      
    .collapse(options)
    
-      
    Activates your content as a collapsible element. Accepts an optional options object.
+         
    Notice To add accordion like group management to a collapsible control just add the additional data attribute data-parent="#selector". Refer to the demo below to see this in action.
    
+          
    Methods
    
+          
    .collapse(options)
    
+          
    Activates your content as a collapsible element. Accepts an optional options object.
 
     $('#myCollapsible').collapse({
-toggle: false
+  toggle: false
 })
    
-      
    .collapse('toggle')
    
-      
    Toggles a collapsible element to shown or hidden.
    
-      
    .collapse('show')
    
-      
    Shows a collapsible element.
    
-      
    .collapse('hide')
    
-      
    Hides a collapsible element.
    
-      
    Events
    
-      
    
-        Bootstrap's collapse class exposes a few events for hooking into collapse functionality.
-      
    
-      
-        
-         
-           
-           
-         
-        
-        
-         
-           
-           
-         
-         
-           
-           
-         
-         
-           
-           
-         
-         
-           
-           
-         
-        
-      
    EventDescription
    showThis event fires immediately when the show instance method is called.
    shownThis event is fired when a collapse element has been made visible to the user (will wait for css transitions to complete).
    hide
-            This event is fired immediately when the hide method has been called.
-           
    hiddenThis event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete).
    
+          
    .collapse('toggle')
    
+          
    Toggles a collapsible element to shown or hidden.
    
+          
    .collapse('show')
    
+          
    Shows a collapsible element.
    
+          
    .collapse('hide')
    
+          
    Hides a collapsible element.
    
+          
    Events
    
+          
    
+            Bootstrap's collapse class exposes a few events for hooking into collapse functionality.
+          
    
+          
+            
+             
+               
+               
+             
+            
+            
+             
+               
+               
+             
+             
+               
+               
+             
+             
+               
+               
+             
+             
+               
+               
+             
+            
+          
    EventDescription
    showThis event fires immediately when the show instance method is called.
    shownThis event is fired when a collapse element has been made visible to the user (will wait for css transitions to complete).
    hide
+                This event is fired immediately when the hide method has been called.
+               
    hiddenThis event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete).
    
 
 
     $('#myCollapsible').on('hidden', function () {
-// do something ...
+  // do something ...
 })
    
-    
    
-  
    
-
    
-
-
-
- 
-
+
+
+
+     
+    
-
-
-
-
-
    
-  
    
-    
    Typeahead bootstrap-typeahead.js
    
-  
    
-  
    
-    
    
-      
    About
    
-      
    A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.
    
-      Download file
-    
    
-    
    
-      
    Example
    
-      
    Start typing in the field below to show the typeahead results.
    
-      
    
-        
+          
    .carousel('cycle')
    
+          
    Cycles through the carousel items from left to right.
    
+          
    .carousel('pause')
    
+          
    Stops the carousel from cycling through items.
    
+          
    .carousel(number)
    
+          
    Cycles the carousel to a particular frame (0 based, similar to an array).
    
+          
    .carousel('prev')
    
+          
    Cycles to the previous item.
    
+          
    .carousel('next')
    
+          
    Cycles to the next item.
    
+          
    Events
    
+          
    Bootstrap's modal class exposes a few events for hooking into modal functionality. 
    
+          
+            
+             
+               
+               
+             
+            
+            
+             
+               
+               
+             
+             
+               
+               
+             
+             
+            
+          
    EventDescription
    slideThis event fires immediately when the slide instance method is invoked.
    slidThis event is fired when the carousel has completed it's slide transition.
    
+        
    
       
    
-      
    
-      
    Using bootstrap-typeahead.js
    
-      
    Call the typeahead via javascript:
    
-      
    $('.typeahead').typeahead()
    
-      
    Options
    
-      
-        
-         
-           
-           
-           
-           
-         
-        
-        
-         
-           
-           
-           
-           
-         
-        
-      
    Nametypedefaultdescription
    itemsnumber8The max number of items to display in the dropdown.
    
-
-      
    Markup
    
-      
    Add data attributes to register an element with typeahead functionality.
    
+    
    
+
+
+
+    
+    
    
+      
    
+        
    Typeahead bootstrap-typeahead.js
    
+      
    
+      
    
+        
    
+          
    About
    
+          
    A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.
    
+          Download file
+        
    
+        
    
+          
    Example
    
+          
    Start typing in the field below to show the typeahead results.
    
+          
    
+            
+          
    
+          
    
+          
    Using bootstrap-typeahead.js
    
+          
    Call the typeahead via javascript:
    
+          
    $('.typeahead').typeahead()
    
+          
    Options
    
+          
+            
+             
+               
+               
+               
+               
+             
+            
+            
+             
+               
+               
+               
+               
+             
+            
+          
    Nametypedefaultdescription
    itemsnumber8The max number of items to display in the dropdown.
    
+
+          
    Markup
    
+          
    Add data attributes to register an element with typeahead functionality.
    
 
     <input type="text" data-provide="typeahead">
 
    
-    
    
-  
    
-
    
-      
       
    
         
    Back to top
    
diff --git a/docs/less.html b/docs/less.html
index 5c8eb735d..76a47f269 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -27,89 +27,27 @@
 
   
 
-    
     
    
       
    
         
    
           Bootstrap
           
    
 
 
-      
       
    
         
    Back to top
    
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index 904d53af6..be49f94d5 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -27,97 +27,30 @@
 
   
 
-    
     
    
       
    
         
    
           Bootstrap
           
         
    
@@ -126,15 +59,6 @@
 
     
    
 
-<<<<<<< HEAD
-
-
-
    
-  
    Scaffolding
    
-  
    Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.
    
-
    
-=======
       
       
    
@@ -146,7 +70,6 @@
           
  • Responsive design
    • 
         
       
    
->>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
 
 
 
@@ -451,7 +374,7 @@
     
    
   
    
 
-      
       
    
         
    Back to top
    
diff --git a/docs/templates/layout.mustache b/docs/templates/layout.mustache
index cc36a05ed..eccc67974 100644
--- a/docs/templates/layout.mustache
+++ b/docs/templates/layout.mustache
@@ -27,79 +27,30 @@
 
   
 
-    
     
    
       
    
         
    
           Bootstrap
           
         
    
@@ -110,7 +61,7 @@
 
 {{>body}}
 
-      
       
    
         
    Back to top
    
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 3933c867d..28ca2912b 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -3,6 +3,13 @@
 
    
   
    Base CSS
    
   
    On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.
    
+  
 
    
 
 
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 21ddf4747..20d7ae921 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -1,9 +1,21 @@
-
-
    
-  
    Components
    
-  
    Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.
    
-
    
+  
+  
    
+    
    Components
    
+    
    Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.
    
+    
+  
    
+
 
 
   
-  
    
-    
    
-      
    Bootstrap,
     from Twitter
    
-      
    Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, featuring HTML, CSS, and JS for dozens of base elements and common design components.
    
-      
    
-        Download on GitHub
-        Get started →
-      
    
+        
+        
    
+          
    
+            
    Bootstrap,
     from Twitter
    
+            
    Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, featuring HTML, CSS, and JS for dozens of base elements and common design components.
    
+            
    
+              Download on GitHub
+              Get started →
+            
    
 
-      
    
-        
    Feature highlights
    
-        
      
-          
    • × Built on LESS
      • 
-          
    • × Complete styleguide docs
      • 
-          
    • × Fully responsive design
      • 
-          
    • × Small footprint (7kb gzipped)
      • 
-          
    • × Support for IE7 and up
      • 
-          
    • × Custom jQuery plugins
      • 
-          
    • × Dozens of components
      • 
-        
    
-      
    
-    
    
-  
    
+            
    
+              
    Feature highlights
    
+              
      
+                
    • × Built on LESS
      • 
+                
    • × Complete styleguide docs
      • 
+                
    • × Fully responsive design
      • 
+                
    • × Small footprint (7kb gzipped)
      • 
+                
    • × Support for IE7 and up
      • 
+                
    • × Custom jQuery plugins
      • 
+                
    • × Dozens of components
      • 
+              
    
+            
    
+          
    
+        
    
 
-  
 
 
-  
    
-    
    Built with Bootstrap.
    
-    
    For even more sites built with Bootstrap, visit the unofficial Tumblr.
    
-    
+        
    
+          
    Built with Bootstrap.
    
+          
    For even more sites built with Bootstrap, visit the unofficial Tumblr.
    
+          
 
-    
    Designed for everyone, everywhere.
    
-    
    Need reasons to love Bootstrap? Look no further.
    
-    
    
-      
    
-        
-        
    Built for and by nerds
    
-        
    Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster. Bootstrap is built for you.
    
-      
    
-      
    
-        
-        
    For all skill levels
    
-        
    Bootstrap is designed to help people of all skill level—designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex.
    
-      
    
-      
    
-        
-        
    Cross-everything
    
-        
    Originally built with only modern browsers in mind, Bootstrap has evolved to include support for all major browsers (even IE7!) and, with Bootstrap 2, tablets and smartphones, too.
    
-      
    
-    
    
-    
    
-      
    
-        
-        
    12-column grid
    
-        
    Grid systems aren't everything, but having a durable and flexible one at the core of your work can make development much simpler. Use our built-in grid classes or roll your own.
    
-      
    
-      
    
-        
-        
    Responsive design
    
-        
    With Bootstrap 2, we've gone fully responsive. Our components are scaled according to a range of resolutions and devices to provide a consistent experience, no matter what.
    
-      
    
-      
    
-        
-        
    Styleguide docs
    
-        
    Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only our features, but best practices and living, coded examples.
    
-      
    
-    
    
-    
    
-      
    
-        
-        
    Growing library
    
-        
    Despite being only 7kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components ready to be put to use.
    
-      
    
-      
    
-        
-        
    Custom jQuery plugins
    
-        
    What good is an awesome design component without easy-to-use, proper, and extensible interactions? With Bootstrap, you get custom-built jQuery plugins to bring your projects to life.
    
-      
    
-      
    
-        
-        
    Built on LESS
    
-        
    Where vanilla CSS falters, LESS excels. Variables, nesting, operations, and mixins in LESS makes coding CSS faster and more efficient with minimal overhead.
    
-      
    
-    
    
-    
    
-      
    
-        
-        
    HTML5
    
-        
    Built to support new HTML5 elements and syntax.
    
-      
    
-      
    
-        
-        
    CSS3
    
-        
    Progressively enhanced components for ultimate style.
    
-      
    
-      
    
-        
-        
    Open-source
    
-        
    Built for and maintained by the community via GitHub.
    
-      
    
-      
    
-        
-        
    Made at Twitter
    
-        
    Brought to you by an experienced engineer and designer.
    
-      
    
-    
    
+          
    Designed for everyone, everywhere.
    
+          
    Need reasons to love Bootstrap? Look no further.
    
+          
    
+            
    
+              
+              
    Built for and by nerds
    
+              
    Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster. Bootstrap is built for you.
    
+            
    
+            
    
+              
+              
    For all skill levels
    
+              
    Bootstrap is designed to help people of all skill level—designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex.
    
+            
    
+            
    
+              
+              
    Cross-everything
    
+              
    Originally built with only modern browsers in mind, Bootstrap has evolved to include support for all major browsers (even IE7!) and, with Bootstrap 2, tablets and smartphones, too.
    
+            
    
+          
    
+          
    
+            
    
+              
+              
    12-column grid
    
+              
    Grid systems aren't everything, but having a durable and flexible one at the core of your work can make development much simpler. Use our built-in grid classes or roll your own.
    
+            
    
+            
    
+              
+              
    Responsive design
    
+              
    With Bootstrap 2, we've gone fully responsive. Our components are scaled according to a range of resolutions and devices to provide a consistent experience, no matter what.
    
+            
    
+            
    
+              
+              
    Styleguide docs
    
+              
    Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only our features, but best practices and living, coded examples.
    
+            
    
+          
    
+          
    
+            
    
+              
+              
    Growing library
    
+              
    Despite being only 7kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components ready to be put to use.
    
+            
    
+            
    
+              
+              
    Custom jQuery plugins
    
+              
    What good is an awesome design component without easy-to-use, proper, and extensible interactions? With Bootstrap, you get custom-built jQuery plugins to bring your projects to life.
    
+            
    
+            
    
+              
+              
    Built on LESS
    
+              
    Where vanilla CSS falters, LESS excels. Variables, nesting, operations, and mixins in LESS makes coding CSS faster and more efficient with minimal overhead.
    
+            
    
+          
    
+          
    
+            
    
+              
+              
    HTML5
    
+              
    Built to support new HTML5 elements and syntax.
    
+            
    
+            
    
+              
+              
    CSS3
    
+              
    Progressively enhanced components for ultimate style.
    
+            
    
+            
    
+              
+              
    Open-source
    
+              
    Built for and maintained by the community via GitHub.
    
+            
    
+            
    
+              
+              
    Made at Twitter
    
+              
    Brought to you by an experienced engineer and designer.
    
+            
    
+          
    
 
 
-    
-    
    Get started in no time.
    
-    
    Quickly start using Bootstrap within your workflow and development process.
    
-    
-      
-        
-          
-          
-          
-        
-      
-    
    
-            
    Hotlink the CSS
    
-            
    For the quickest and easiest start, just copy this snippet into your webpage.
    
-            
    
-              
-            
    
-              		
-            
    Use it with LESS
    
-            
    A fan of using LESS? No problem, just clone the repo and add these lines:
    
-            
    
-              
-            
    
-              		
-            
    Fork on GitHub
    
-            
    Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.
    
-            
    Bootstrap on GitHub »
    
-            
    Currently v2.0.0
    
-          
    
-  
    
-
    
\ No newline at end of file
+          
+          
    Get started in no time.
    
+          
    Quickly start using Bootstrap within your workflow and development process.
    
+          
+            
+              
+                
+                
+                
+              
+            
+          
    
+                  
    Hotlink the CSS
    
+                  
    For the quickest and easiest start, just copy this snippet into your webpage.
    
+                  
    
+                    
+                  
    
+                    		
+                  
    Use it with LESS
    
+                  
    A fan of using LESS? No problem, just clone the repo and add these lines:
    
+                  
    
+                    
+                  
    
+                    		
+                  
    Fork on GitHub
    
+                  
    Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.
    
+                  
    Bootstrap on GitHub »
    
+                  
    Currently v2.0.0
    
+                
    
+        
    
+      
    
\ No newline at end of file
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index aefe87846..93789cc03 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -1,1299 +1,1313 @@
-
-
    
-  
    Javascript for Bootstrap
    
-  
    Bring Bootstrap's components to life—now with 12 custom jQuery plugins.
-
    
+      
+      
    
+        
    Javascript for Bootstrap
    
+        
    Bring Bootstrap's components to life—now with 12 custom jQuery plugins.
+        
    
+      
    
 
 
-  
-  
    
-    
    
-      
    jQuery plugins A dozen Bootstrap plugins to get you started
    
-    
    
-  
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-  
     
-  
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-  
     
-  
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-    
    
-      
-    
    
-  
     
-  
    
-    
    
-      
    
-        Download Source
-        
-          
-        
-        
+      
+      
    
+        
    
+          
    jQuery plugins A dozen Bootstrap plugins to get you started
    
+        
    
+      
    
+        
    
+          
+        
    
+        
    
+          
+        
    
+        
    
+          
+        
    
+        
    
+          
+        
    
+      
     
+      
    
+        
    
+          
+        
    
+        
    
+          
+        
    
+        
    
+          
+        
    
+        
    
+          
+        
    
+      
     
+      
    
+        
    
+          
+        
    
+        
    
+          
+        
    
+        
    
+          
+        
    
+        
    
+          
+        
    
+      
     
+      
    
+        
    
+          
+        
    
       
    
-    
    
-  
    
-  
    
-  Select/Unselect All Plugins
-  
    Note: All plugins require the latest version of jQuery to be included.
    
-
    
+      
    
+      Select/Unselect All Plugins
+      
    Note: All plugins require the latest version of jQuery to be included.
    
+    
 
 
 
-
-
    
-  
    
-    
    Modals bootstrap-modal.js
    
-  
    
-  
    
-    
    
-      
    About modals
    
-      
    A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.
    
-      Download file
-    
    
-    
    
-      
    Static example
    
-      
    Below is a statically rendered modal.
    
-      
    
-        
    
-          
    
-            ×
-            
    Modal header
    
-          
    
-          
    
-            
    One fine body…
    
-          
    
-          
    
-            Save changes
-            Close
-          
    
+    
+    
    
+      
    
+        
    Modals bootstrap-modal.js
    
+      
    
+      
    
+        
    
+          
    About modals
    
+          
    A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.
    
+          Download file
         
    
-      
     
+        
    
+          
    Static example
    
+          
    Below is a statically rendered modal.
    
+          
    
+            
    
+              
    
+                ×
+                
    Modal header
    
+              
    
+              
    
+                
    One fine body…
    
+              
    
+              
    
+                Save changes
+                Close
+              
    
+            
    
+          
     
 
-      
    Live demo
    
-      
    Toggle a modal via javascript by clicking the button below. It will slide down and fade in from the top of the page.
    
-      
-      
+          Launch demo modal
 
-      
    
+          
    
 
-      
    Using bootstrap-modal
    
-      
    Call the modal via javascript:
    
-      
    $('#myModal').modal(options)
    
-      
    Options
    
-      
-        
-         
-           
-           
-           
-           
-         
-        
-        
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-        
-      
    Nametypedefaultdescription
    backdropbooleantrueIncludes a modal-backdrop element
    keyboardbooleantrueCloses the modal when escape key is pressed
    
-      
    Markup
    
-      
    You can activate modals on your page easily without having to write a single line of javascript. Just set data-toggle="modal" on a controller element with a data-target="#foo" or href="#foo" which corresponds to a modal element id, and when clicked, it will launch your modal.
    
-      
    Also, to add options to your modal instance, just include them as additional data attributes on either the control element or the modal markup itself.
    
+          
    Using bootstrap-modal
    
+          
    Call the modal via javascript:
    
+          
    $('#myModal').modal(options)
    
+          
    Options
    
+          
+            
+             
+               
+               
+               
+               
+             
+            
+            
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+            
+          
    Nametypedefaultdescription
    backdropbooleantrueIncludes a modal-backdrop element
    keyboardbooleantrueCloses the modal when escape key is pressed
    
+          
    Markup
    
+          
    You can activate modals on your page easily without having to write a single line of javascript. Just set data-toggle="modal" on a controller element with a data-target="#foo" or href="#foo" which corresponds to a modal element id, and when clicked, it will launch your modal.
    
+          
    Also, to add options to your modal instance, just include them as additional data attributes on either the control element or the modal markup itself.
    
 
     <a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>
 
    
 
 
     <div class="modal">
-<div class="modal-header">
-<a href="#" class="close js-dismiss">×</a>
-<h3>Modal header</h3>
-</div>
-<div class="modal-body">
-<p>One fine body…</p>
-</div>
-<div class="modal-footer">
-<a href="#" class="btn primary">Save changes</a>
-<a href="#" class="btn">Close</a>
-</div>
+  <div class="modal-header">
+    <a href="#" class="close js-dismiss">×</a>
+    <h3>Modal header</h3>
+  </div>
+  <div class="modal-body">
+    <p>One fine body…</p>
+  </div>
+  <div class="modal-footer">
+    <a href="#" class="btn primary">Save changes</a>
+    <a href="#" class="btn">Close</a>
+  </div>
 </div>
 
    
-      
    Notice If you want your modal to animate in and out, just add a .fade class to the .modal element (refer to the demo to see this in action).
    
-      
    Methods
    
-      
    .modal(options)
    
-      
    Activates your content as a modal. Accepts an optional options object.
+          
    Notice If you want your modal to animate in and out, just add a .fade class to the .modal element (refer to the demo to see this in action).
    
+          
    Methods
    
+          
    .modal(options)
    
+          
    Activates your content as a modal. Accepts an optional options object.
 
     $('#myModal').modal({
-keyboard: false
+  keyboard: false
 })
    
-      
    .modal('toggle')
    
-      
    Manually toggles a modal.
    
-      
    $('#myModal').modal('toggle')
    
-      
    .modal('show')
    
-      
    Manually opens a modal.
    
-      
    $('#myModal').modal('show')
    
-      
    .modal('hide')
    
-      
    Manually hides a modal.
    
-      
    $('#myModal').modal('hide')
    
-      
    Events
    
-      
    Bootstrap's modal class exposes a few events for hooking into modal functionality. 
    
-      
-        
-         
-           
-           
-         
-        
-        
-         
-           
-           
-         
-         
-           
-           
-         
-         
-           
-           
-         
-         
-           
-           
-         
-        
-      
    EventDescription
    showThis event fires immediately when the show instance method is called.
    shownThis event is fired when the modal has been made visible to the user (will wait for css transitions to complete).
    hideThis event is fired immediately when the hide instance method has been called.
    hiddenThis event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).
    
+          
    .modal('toggle')
    
+          
    Manually toggles a modal.
    
+          
    $('#myModal').modal('toggle')
    
+          
    .modal('show')
    
+          
    Manually opens a modal.
    
+          
    $('#myModal').modal('show')
    
+          
    .modal('hide')
    
+          
    Manually hides a modal.
    
+          
    $('#myModal').modal('hide')
    
+          
    Events
    
+          
    Bootstrap's modal class exposes a few events for hooking into modal functionality. 
    
+          
+            
+             
+               
+               
+             
+            
+            
+             
+               
+               
+             
+             
+               
+               
+             
+             
+               
+               
+             
+             
+               
+               
+             
+            
+          
    EventDescription
    showThis event fires immediately when the show instance method is called.
    shownThis event is fired when the modal has been made visible to the user (will wait for css transitions to complete).
    hideThis event is fired immediately when the hide instance method has been called.
    hiddenThis event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).
    
 
 
     $('#myModal').on('hidden', function () {
-// do something ...
+  // do something ...
 })
    
-    
    
-  
    
-
    
+        
    
+      
    
+    
 
 
 
-
-
+          
    Methods
    
+          
    $().dropdown()
    
+          
    
+          A programatic api for activating menus for a given navbar or tabbed navigation.
+          
    
+        
    
+      
    
+    
 
 
 
-
-
    
-  
    
-    
    ScrollSpy bootstrap-scrollspy.js
    
-  
    
-  
    
-    
    
-      
    The ScrollSpy plugin is for automatically updating nav targets based on scroll position.
    
-      Download file
-    
    
-    
    
-      
    Example navbar with scrollspy
    
-      
    Scroll the area below and watch the navigation update. The dropdown sub items will be highlighted as well. Try it!
    
-      
+          
    
+            
    @fat
    
+            
    
+            Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
+            
    
+            
    @mdo
    
+            
    
+            Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.
+            
    
+            
    one
    
+            
    
+            Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.
+            
    
+            
    two
    
+            
    
+            In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.
+            
    
+            
    three
    
+            
    
+            Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
+            
    
+            
    Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats.
+            
    
+          
    
+          
    
+          
    Using bootstrap-scrollspy.js
    
+          
    Call the scrollspy via javascript:
    
+          
    $('#navbar').scrollspy()
    
+          
    Markup
    
+          
    To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body).
+          
    <body data-spy="scroll" >...</body>
    
+           
    Notice Navbar anchor tags must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.
+          
    Options
    
+          
+            
+             
+               
+               
+               
+               
+             
+            
+            
+             
+               
+               
+               
+               
+             
+            
+          
    Nametypedefaultdescription
    offsetnumber10Pixels to offset from top when calculating position of scroll.
    
         
    
       
    
-      
    
-        
    @fat
    
-        
    
-        Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
-        
    
-        
    @mdo
    
-        
    
-        Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.
-        
    
-        
    one
    
-        
    
-        Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.
-        
    
-        
    two
    
-        
    
-        In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.
-        
    
-        
    three
    
-        
    
-        Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.
-        
    
-        
    Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats.
-        
    
-      
    
-      
    
-      
    Using bootstrap-scrollspy.js
    
-      
    Call the scrollspy via javascript:
    
-      
    $('#navbar').scrollspy()
    
-      
    Markup
    
-      
    To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body).
-      
    <body data-spy="scroll" >...</body>
    
-       
    Notice Navbar anchor tags must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.
-      
    Options
    
-      
-        
-         
-           
-           
-           
-           
-         
-        
-        
-         
-           
-           
-           
-           
-         
-        
-      
    Nametypedefaultdescription
    offsetnumber10Pixels to offset from top when calculating position of scroll.
    
-    
    
-  
-
+    
 
 
 
-
-
    
-  
    
-    
    Togglable tabs bootstrap-tab.js
    
-  
    
-  
    
-    
    
-      
    This plugin adds quick, dynamic tab and pill functionality for transitioning through local content.
    
-      Download file
-    
    
-    
    
-      
    Example tabs
    
-      
    Click the tabs below to toggle between hidden panes, even via dropdown menus.
    
-      
-      
    
-        
    
-          
    Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
    
-        
    
-        
    
-          
    Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
    
-        
    
-        
-        
+    
+    
    
+      
    
+        
    Togglable tabs bootstrap-tab.js
    
       
    
-      
    
-      
    Using bootstrap-tab.js
    
-      
    Enable tabbable tabs via javascript:
    
-      
    $('#myTab').tab('show')
    
-      
    Markup
    
-      
    You can activate a tab or pill navigation without writing any javascript by simply specifying data-toggle="tab" or data-toggle="pill" on an element.
    
+      
    
+        
    
+          
    This plugin adds quick, dynamic tab and pill functionality for transitioning through local content.
    
+          Download file
+        
    
+        
    
+          
    Example tabs
    
+          
    Click the tabs below to toggle between hidden panes, even via dropdown menus.
    
+          
+          
    
+            
    
+              
    Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
    
+            
    
+            
    
+              
    Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.
    
+            
    
+            
+            
+          
    
+          
    
+          
    Using bootstrap-tab.js
    
+          
    Enable tabbable tabs via javascript:
    
+          
    $('#myTab').tab('show')
    
+          
    Markup
    
+          
    You can activate a tab or pill navigation without writing any javascript by simply specifying data-toggle="tab" or data-toggle="pill" on an element.
    
 
     <ul class="tabs">
-<li><a href="#home" data-toggle="tab">Home</a></li>
-<li><a href="#profile" data-toggle="tab">Profile</a></li>
-<li><a href="#messages" data-toggle="tab">Messages</a></li>
-<li><a href="#ettings" data-toggle="tab">Settings</a></li>
+  <li><a href="#home" data-toggle="tab">Home</a></li>
+  <li><a href="#profile" data-toggle="tab">Profile</a></li>
+  <li><a href="#messages" data-toggle="tab">Messages</a></li>
+  <li><a href="#ettings" data-toggle="tab">Settings</a></li>
 </ul>
    
-      
    Methods
    
-      
    $().tab
    
-      
    
-        Activates a tab element and content container. Tab should have either a `data-target` or an `href` targeting a container node in the dom.
-      
    
+          
    Methods
    
+          
    $().tab
    
+          
    
+            Activates a tab element and content container. Tab should have either a `data-target` or an `href` targeting a container node in the dom.
+          
    
 
     <ul class="tabs">
-<li class="active"><a href="#home">Home</a></li>
-<li><a href="#profile">Profile</a></li>
-<li><a href="#messages">Messages</a></li>
-<li><a href="#settings">Settings</a></li>
+  <li class="active"><a href="#home">Home</a></li>
+  <li><a href="#profile">Profile</a></li>
+  <li><a href="#messages">Messages</a></li>
+  <li><a href="#settings">Settings</a></li>
 </ul>
 
 <div class="tab-content">
-<div class="active" id="home">...</div>
-<div id="profile">...</div>
-<div id="messages">...</div>
-<div id="settings">...</div>
+  <div class="active" id="home">...</div>
+  <div id="profile">...</div>
+  <div id="messages">...</div>
+  <div id="settings">...</div>
 </div>
 
 <script>
-$(function () {
-$('.tabs a:last').tab('show')
-})
+  $(function () {
+    $('.tabs a:last').tab('show')
+  })
 </script>
    
-      
    
-      
    Events
    
-      
-        
-         
-           
-           
-         
-        
-        
-         
-           
-           
-        
-        
-           
-           
-         
-        
-      
    EventDescription
    showThis event fires on tab show, but before the new tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
    shownThis event fires on tab show after a tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
    
+          
    
+          
    Events
    
+          
+            
+             
+               
+               
+             
+            
+            
+             
+               
+               
+            
+            
+               
+               
+             
+            
+          
    EventDescription
    showThis event fires on tab show, but before the new tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
    shownThis event fires on tab show after a tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
    
 
-      
    +          
     $('a[data-toggle="tab"]').on('shown', function (e) {
-e.target // activated tab
-e.relatedTarget // previous tab
+  e.target // activated tab
+  e.relatedTarget // previous tab
 })
    
-   
    
-  
    
-
    
+       
    
+      
    
+    
    
 
 
-
-
    
-  
    
-    
    Tooltips bootstrap-tooltip.js
    
-  
    
-  
    
-    
    
-      
    About Tooltips
    
-      
    Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, uss css3 for animations, and data-attributes for local title storage.
    
-      Download file
-    
    
-    
    
-      
    Example use of Tooltips
    
-      
    Hover over the links below to see tooltips:
    
-      
    
-        
    Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.
-        
    
+    
+    
    
+      
    
+        
    Tooltips bootstrap-tooltip.js
    
       
    
-      
    
-      
    Using bootstrap-tooltip.js
    
-      
    Trigger the tooltip via javascript:
    
-      
    $('#example').tooltip(options)
    
-      
    Options
    
-      
-        
-         
-           
-           
-           
-           
-         
-        
-        
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-        
-      
    Nametypedefaultdescription
    animationbooleantrueapply a css fade transition to the tooltip
    placementstring'top'how to position the tooltip - top | bottom | left | right
    selectorstringfalseIf a selector is provided, tooltip objects will be delegated to the specified targets.
    titlestring | function''default title value if `title` tag isn't present
    triggerstring'hover'how tooltip is triggered - hover | focus | manual
    delaynumber | object0
-            
    delay showing/hiding the tooltip (ms)
    
-            
    If a number is supplied, delay is applied to both hide/show
    
-            
    Object structure is: delay: { show: 500, hide: 100 }
    
-           
    
-      
    Notice Individual tooltip instance options can alternatively be specified through the use of data attributes.
    
-      
    Markup
    
-      
    For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.
    
-      
    Methods
    
-      
    $().tooltip(options)
    
-      
    Attaches a tooltip handler to an element collection.
    
-      
    .tooltip('show')
    
-      
    Reveals an elements tooltip.
    
-      
    $('#element').tooltip('show')
    
-      
    .tooltip('hide')
    
-      
    Hides an elements tooltip.
    
-      
    $('#element').tooltip('hide')
    
-    
    
-  
    
-
    
+      
    
+        
    
+          
    About Tooltips
    
+          
    Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, uss css3 for animations, and data-attributes for local title storage.
    
+          Download file
+        
    
+        
    
+          
    Example use of Tooltips
    
+          
    Hover over the links below to see tooltips:
    
+          
    
+            
    Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.
+            
    
+          
    
+          
    
+          
    Using bootstrap-tooltip.js
    
+          
    Trigger the tooltip via javascript:
    
+          
    $('#example').tooltip(options)
    
+          
    Options
    
+          
+            
+             
+               
+               
+               
+               
+             
+            
+            
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+            
+          
    Nametypedefaultdescription
    animationbooleantrueapply a css fade transition to the tooltip
    placementstring'top'how to position the tooltip - top | bottom | left | right
    selectorstringfalseIf a selector is provided, tooltip objects will be delegated to the specified targets.
    titlestring | function''default title value if `title` tag isn't present
    triggerstring'hover'how tooltip is triggered - hover | focus | manual
    delaynumber | object0
+                
    delay showing/hiding the tooltip (ms)
    
+                
    If a number is supplied, delay is applied to both hide/show
    
+                
    Object structure is: delay: { show: 500, hide: 100 }
    
+               
    
+          
    Notice Individual tooltip instance options can alternatively be specified through the use of data attributes.
    
+          
    Markup
    
+          
    For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.
    
+          
    Methods
    
+          
    $().tooltip(options)
    
+          
    Attaches a tooltip handler to an element collection.
    
+          
    .tooltip('show')
    
+          
    Reveals an elements tooltip.
    
+          
    $('#element').tooltip('show')
    
+          
    .tooltip('hide')
    
+          
    Hides an elements tooltip.
    
+          
    $('#element').tooltip('hide')
    
+        
    
+      
    
+    
 
 
 
-
-
    
-  
    
-    
    Popovers bootstrap-popover.js
    
-  
    
-  
    
-    
    
-      
    About popovers
    
-      
    Add small overlays of content, like those on the iPad, to any element for housing secondary information.
    
-      
    * Requires Tooltip to be included
    
-      Download file
-    
    
-    
    
-      
    Example hover popover
    
-      
    Hover over the button to trigger the popover.
    
-      
    
-        hover for popover
+    
+    
    
+      
    
+        
    Popovers bootstrap-popover.js
    
       
    
-      
    
-      
    Using bootstrap-popover.js
    
-      
    Enable popovers via javascript:
    
-      
    $('#example').popover(options)
    
-      
    Options
    
-      
-        
-         
-           
-           
-           
-           
-         
-        
-        
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-        
-      
    Nametypedefaultdescription
    animationbooleantrueapply a css fade transition to the tooltip
    placementstring'right'how to position the popover - top | bottom | left | right
    selectorstringfalseif a selector is provided, tooltip objects will be delegated to the specified targets
    triggerstring'hover'how tooltip is triggered - hover | focus | manual
    titlestring | function''default title value if `title` attribute isn't present
    contentstring | function''default content value if `data-content` attribute isn't present
    delaynumber | object0
-            
    delay showing/hiding the popover (ms)
    
-            
    If a number is supplied, delay is applied to both hide/show
    
-            
    Object structure is: delay: { show: 500, hide: 100 }
    
-           
    
-      
    Notice Individual popover instance options can alternatively be specified through the use of data attributes.
    
-      
    Markup
    
-      
    
-      For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a the selector option.
-      
    
-      
    Methods
    
-      
    $().popover(options)
    
-      
    Initializes popovers for an element collection.
    
-      
    .popover('show')
    
-      
    Reveals an elements popover.
    
-      
    $('#element').popover('show')
    
-      
    .popover('hide')
    
-      
    Hides an elements popover.
    
-      
    $('#element').popover('hide')
    
-    
    
-  
    
-
    
+      
    
+        
    
+          
    About popovers
    
+          
    Add small overlays of content, like those on the iPad, to any element for housing secondary information.
    
+          
    * Requires Tooltip to be included
    
+          Download file
+        
    
+        
    
+          
    Example hover popover
    
+          
    Hover over the button to trigger the popover.
    
+          
    
+            hover for popover
+          
    
+          
    
+          
    Using bootstrap-popover.js
    
+          
    Enable popovers via javascript:
    
+          
    $('#example').popover(options)
    
+          
    Options
    
+          
+            
+             
+               
+               
+               
+               
+             
+            
+            
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+            
+          
    Nametypedefaultdescription
    animationbooleantrueapply a css fade transition to the tooltip
    placementstring'right'how to position the popover - top | bottom | left | right
    selectorstringfalseif a selector is provided, tooltip objects will be delegated to the specified targets
    triggerstring'hover'how tooltip is triggered - hover | focus | manual
    titlestring | function''default title value if `title` attribute isn't present
    contentstring | function''default content value if `data-content` attribute isn't present
    delaynumber | object0
+                
    delay showing/hiding the popover (ms)
    
+                
    If a number is supplied, delay is applied to both hide/show
    
+                
    Object structure is: delay: { show: 500, hide: 100 }
    
+               
    
+          
    Notice Individual popover instance options can alternatively be specified through the use of data attributes.
    
+          
    Markup
    
+          
    
+          For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a the selector option.
+          
    
+          
    Methods
    
+          
    $().popover(options)
    
+          
    Initializes popovers for an element collection.
    
+          
    .popover('show')
    
+          
    Reveals an elements popover.
    
+          
    $('#element').popover('show')
    
+          
    .popover('hide')
    
+          
    Hides an elements popover.
    
+          
    $('#element').popover('hide')
    
+        
    
+      
    
+    
 
 
 
-
-
    
-  
    
-    
    Alert messages bootstrap-alert.js
    
-  
    
-  
    
-    
    
-      
    About alerts
    
-      
    The alert plugin is a tiny class for adding close functionality to alerts.
    
-      Download
-    
    
-    
    
-      
    Example alerts
    
-      
    The alerts plugin works on regular alert messages, and block messages.
    
-      
    
-        ×
-        Holy guacamole! Best check yo self, you’re not looking too good.
+    
+    
    
+      
    
+        
    Alert messages bootstrap-alert.js
    
       
    
-      
    
-        ×
-        
    Oh snap! You got an error!
    
-        
    Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
    
-        
    
-          Take this action Or do this
-        
    
-      
    
-      
    
-      
    Using bootstrap-alerts.js
    
-      
    Enable dismissal of an alert via javascript:
    
-      
    $(".alert-message").alert()
    
-      
    Markup
    
-      
    Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.
    
-      
    <a class="close" data-dismiss="alert" href="#">&times;</a>
    
-      
    Methods
    
-      
    $().alert()
    
-      
    Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.
    
-      
    .alert('close')
    
-      
    Closes an alert.
    
-      
    $(".alert-message").alert('close')
    
-      
    Events
    
-      
    Bootstrap's alert class exposes a few events for hooking into alert functionality. 
    
-      
-        
-         
-           
-           
-         
-        
-        
-         
-           
-           
-         
-         
-           
-           
-         
-        
-      
    EventDescription
    closeThis event fires immediately when the close instance method is called.
    closedThis event is fired when the alert has been closed (will wait for css transitions to complete).
    
+      
    
+        
    
+          
    About alerts
    
+          
    The alert plugin is a tiny class for adding close functionality to alerts.
    
+          Download
+        
    
+        
    
+          
    Example alerts
    
+          
    The alerts plugin works on regular alert messages, and block messages.
    
+          
    
+            ×
+            Holy guacamole! Best check yo self, you’re not looking too good.
+          
    
+          
    
+            ×
+            
    Oh snap! You got an error!
    
+            
    Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
    
+            
    
+              Take this action Or do this
+            
    
+          
    
+          
    
+          
    Using bootstrap-alerts.js
    
+          
    Enable dismissal of an alert via javascript:
    
+          
    $(".alert-message").alert()
    
+          
    Markup
    
+          
    Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.
    
+          
    <a class="close" data-dismiss="alert" href="#">&times;</a>
    
+          
    Methods
    
+          
    $().alert()
    
+          
    Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.
    
+          
    .alert('close')
    
+          
    Closes an alert.
    
+          
    $(".alert-message").alert('close')
    
+          
    Events
    
+          
    Bootstrap's alert class exposes a few events for hooking into alert functionality. 
    
+          
+            
+             
+               
+               
+             
+            
+            
+             
+               
+               
+             
+             
+               
+               
+             
+            
+          
    EventDescription
    closeThis event fires immediately when the close instance method is called.
    closedThis event is fired when the alert has been closed (will wait for css transitions to complete).
    
 
     $('#my-alert').bind('closed', function () {
-// do something ...
+  // do something ...
 })
    
-    
    
-  
    
-
    
+        
    
+      
    
+    
    
 
 
 
-
-
    
-  
    
-    
    Buttons bootstrap-button.js
    
-  
    
-  
    
-    
    
-      
    About
    
-      
    Do more with buttons. Control button states or create groups of buttons for more components like toolbars.
    
-      Download file
-    
    
-    
    
-      
    Example uses
    
-      
    Use the buttons plugin for states and toggles.
    
-      
-        
-         
-           
-           
-         
-         
-           
-           
-         
-         
-           
-           
-         
-         
-           
-           
-         
-        
-      
    Stateful
-              
-            
    Single toggle
-              
-            
    Checkbox
-              
    
-                
-                
-                
-              
    
-           
    Radio
-              
    
-                
-                
-                
-              
    
-           
    
-      
    
-      
    Using bootstrap-button.js
    
-      
    Enable buttons via javascript:
    
-      
    $('.tabs').button()
    
-        
    Markup
    
-      
    Data attributes are integral to the button plugin. Check out the example code below for the various markup types.
    
+    
+    
    
+      
    
+        
    Buttons bootstrap-button.js
    
+      
    
+      
    
+        
    
+          
    About
    
+          
    Do more with buttons. Control button states or create groups of buttons for more components like toolbars.
    
+          Download file
+        
    
+        
    
+          
    Example uses
    
+          
    Use the buttons plugin for states and toggles.
    
+          
+            
+             
+               
+               
+             
+             
+               
+               
+             
+             
+               
+               
+             
+             
+               
+               
+             
+            
+          
    Stateful
+                  
+                
    Single toggle
+                  
+                
    Checkbox
+                  
    
+                    
+                    
+                    
+                  
    
+               
    Radio
+                  
    
+                    
+                    
+                    
+                  
    
+               
    
+          
    
+          
    Using bootstrap-button.js
    
+          
    Enable buttons via javascript:
    
+          
    $('.tabs').button()
    
+            
    Markup
    
+          
    Data attributes are integral to the button plugin. Check out the example code below for the various markup types.
    
 
     <!-- Add data-toggle="button" to activate toggling on a single button -->
 <button class="btn" data-toggle="button">Single Toggle</button>
 
 <!-- Add data-toggle="buttons-checkbox" for checkbox style toggling on btn-group -->
 <div class="btn-group" data-toggle="buttons-checkbox">
-<button class="btn">Left</button>
-<button class="btn">Middle</button>
-<button class="btn">Right</button>
+  <button class="btn">Left</button>
+  <button class="btn">Middle</button>
+  <button class="btn">Right</button>
 </div>
 
 <!-- Add data-toggle="buttons-radio" for radio style toggling on btn-group -->
 <div class="btn-group" data-toggle="buttons-radio">
-<button class="btn">Left</button>
-<button class="btn">Middle</button>
-<button class="btn">Right</button>
+  <button class="btn">Left</button>
+  <button class="btn">Middle</button>
+  <button class="btn">Right</button>
 </div>
 
    
-      
    Methods
    
-      
    $().button('toggle')
    
-      
    Toggles push state. Gives btn the look that it's been activated.
    
-      
    Notice You can enable auto toggling of a button by using the data-toggle attribute.
    
-      
    <button class="btn" data-toggle="button" >...</button>
    
-      
    $().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 class="btn" data-loading-text="loading stuff..." >...</button>
    
-      
    
-        Notice Firefox persists the disabled state across page loads. A workaround for this is to use: autocomplete="off". More info can be found here.
-      
    
-       
    $().button('reset')
    
-       
    Resets button state - swaps text to original text.
    
-       
    $().button(string)
    
-       
    Resets button state - swaps text to any data defined text state.
    
+          
    Methods
    
+          
    $().button('toggle')
    
+          
    Toggles push state. Gives btn the look that it's been activated.
    
+          
    Notice You can enable auto toggling of a button by using the data-toggle attribute.
    
+          
    <button class="btn" data-toggle="button" >...</button>
    
+          
    $().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 class="btn" data-loading-text="loading stuff..." >...</button>
    
+          
    
+            Notice Firefox persists the disabled state across page loads. A workaround for this is to use: autocomplete="off". More info can be found here.
+          
    
+           
    $().button('reset')
    
+           
    Resets button state - swaps text to original text.
    
+           
    $().button(string)
    
+           
    Resets button state - swaps text to any data defined text state.
    
 
    <button class="btn" data-complete-text="finished!" >...</button>
 <script>
-$('.btn').button('complete')
+  $('.btn').button('complete')
 </script>
    
-    
    
-  
    
-
    
+        
    
+      
    
+    
    
 
 
 
-
-
    
-  
    
-    
    Collapse bootstrap-collapse.js
    
-  
    
-  
    
-    
    
-      
    About
    
-      
    Get base styles and flexible support for collapsible components like accordions and navigation.
    
-      Download file
-    
    
-    
    
-      
    Example accordion
    
-      
    Using the collapse plugin, we built a simple accordion style widget:
    
-    
-      
    
-        
    
-          
    
-            
-              Collapsible Group Item #1
-            
-          
    
-          
    
-            
    
-              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
-            
    
-          
    
+    
+    
    
+      
    
+        
    Collapse bootstrap-collapse.js
    
+      
    
+      
    
+        
    
+          
    About
    
+          
    Get base styles and flexible support for collapsible components like accordions and navigation.
    
+          Download file
         
    
-        
    
-          
    
-            
-              Collapsible Group Item #2
-            
-          
    
-          
    
-            
    
-              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+        
    
+          
    Example accordion
    
+          
    Using the collapse plugin, we built a simple accordion style widget:
    
+        
+          
    
+            
    
+              
    
+                
+                  Collapsible Group Item #1
+                
+              
    
+              
    
+                
    
+                  Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+                
    
+              
    
             
    
-          
    
-        
    
-        
    
-          
    
-            
-              Collapsible Group Item #3
-            
-          
    
-          
    
-            
    
-              Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+            
    
+              
    
+                
+                  Collapsible Group Item #2
+                
+              
    
+              
    
+                
    
+                  Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+                
    
+              
    
+            
    
+            
    
+              
    
+                
+                  Collapsible Group Item #3
+                
+              
    
+              
    
+                
    
+                  Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+                
    
+              
    
             
    
           
    
-        
    
-      
    
 
-      
-      
    
-      
    Using bootstrap-collapse.js
    
-      
    Enable via javascript:
    
-      
    $(".collapse").collapse()
    
-      
    Options
    
-      
-        
-         
-           
-           
-           
-           
-         
-        
-        
-         
-           
-           
-           
-           
-         
-         
-           
-           
-           
-           
-         
-        
-      
    Nametypedefaultdescription
    parentselectorfalseIf selector then all collapsible elements under the specified parent will be closed when this collasabile item is shown. (similar to traditional accordion behavior)
    togglebooleantrueToggles the collapsible element on invocation
    
-      
    Markup
    
-      
    Just add data-toggle="collapse" and a data-target to element to automatically assign control of a collapsible element. The data-target attribute accepts a css selector to apply the collapse to. Be sure to add the class collapse to the collapsible element. If you'd like it to default open, add the additional class in.
    
-      
    +          
+          
    
+          
    Using bootstrap-collapse.js
    
+          
    Enable via javascript:
    
+          
    $(".collapse").collapse()
    
+          
    Options
    
+          
+            
+             
+               
+               
+               
+               
+             
+            
+            
+             
+               
+               
+               
+               
+             
+             
+               
+               
+               
+               
+             
+            
+          
    Nametypedefaultdescription
    parentselectorfalseIf selector then all collapsible elements under the specified parent will be closed when this collasabile item is shown. (similar to traditional accordion behavior)
    togglebooleantrueToggles the collapsible element on invocation
    
+          
    Markup
    
+          
    Just add data-toggle="collapse" and a data-target to element to automatically assign control of a collapsible element. The data-target attribute accepts a css selector to apply the collapse to. Be sure to add the class collapse to the collapsible element. If you'd like it to default open, add the additional class in.
    
+          
     <button class="btn danger" data-toggle="collapse" data-target="#demo">
-simple collapsible
+  simple collapsible
 </button>
 
 <div id="demo" class="collapse in"> … </div>
    
-     
    Notice To add accordion like group management to a collapsible control just add the additional data attribute data-parent="#selector". Refer to the demo below to see this in action.
    
-      
    Methods
    
-      
    .collapse(options)
    
-      
    Activates your content as a collapsible element. Accepts an optional options object.
+         
    Notice To add accordion like group management to a collapsible control just add the additional data attribute data-parent="#selector". Refer to the demo below to see this in action.
    
+          
    Methods
    
+          
    .collapse(options)
    
+          
    Activates your content as a collapsible element. Accepts an optional options object.
 
     $('#myCollapsible').collapse({
-toggle: false
+  toggle: false
 })
    
-      
    .collapse('toggle')
    
-      
    Toggles a collapsible element to shown or hidden.
    
-      
    .collapse('show')
    
-      
    Shows a collapsible element.
    
-      
    .collapse('hide')
    
-      
    Hides a collapsible element.
    
-      
    Events
    
-      
    
-        Bootstrap's collapse class exposes a few events for hooking into collapse functionality.
-      
    
-      
-        
-         
-           
-           
-         
-        
-        
-         
-           
-           
-         
-         
-           
-           
-         
-         
-           
-           
-         
-         
-           
-           
-         
-        
-      
    EventDescription
    showThis event fires immediately when the show instance method is called.
    shownThis event is fired when a collapse element has been made visible to the user (will wait for css transitions to complete).
    hide
-            This event is fired immediately when the hide method has been called.
-           
    hiddenThis event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete).
    
+          
    .collapse('toggle')
    
+          
    Toggles a collapsible element to shown or hidden.
    
+          
    .collapse('show')
    
+          
    Shows a collapsible element.
    
+          
    .collapse('hide')
    
+          
    Hides a collapsible element.
    
+          
    Events
    
+          
    
+            Bootstrap's collapse class exposes a few events for hooking into collapse functionality.
+          
    
+          
+            
+             
+               
+               
+             
+            
+            
+             
+               
+               
+             
+             
+               
+               
+             
+             
+               
+               
+             
+             
+               
+               
+             
+            
+          
    EventDescription
    showThis event fires immediately when the show instance method is called.
    shownThis event is fired when a collapse element has been made visible to the user (will wait for css transitions to complete).
    hide
+                This event is fired immediately when the hide method has been called.
+               
    hiddenThis event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete).
    
 
 
     $('#myCollapsible').on('hidden', function () {
-// do something ...
+  // do something ...
 })
    
-    
    
-  
    
-
    
+        
    
+      
    
+    
    
 
 
 
- 
-
+          
    .carousel('cycle')
    
+          
    Cycles through the carousel items from left to right.
    
+          
    .carousel('pause')
    
+          
    Stops the carousel from cycling through items.
    
+          
    .carousel(number)
    
+          
    Cycles the carousel to a particular frame (0 based, similar to an array).
    
+          
    .carousel('prev')
    
+          
    Cycles to the previous item.
    
+          
    .carousel('next')
    
+          
    Cycles to the next item.
    
+          
    Events
    
+          
    Bootstrap's modal class exposes a few events for hooking into modal functionality. 
    
+          
+            
+             
+               
+               
+             
+            
+            
+             
+               
+               
+             
+             
+               
+               
+             
+             
+            
+          
    EventDescription
    slideThis event fires immediately when the slide instance method is invoked.
    slidThis event is fired when the carousel has completed it's slide transition.
    
+        
+      
+    
 
 
 
-
-
    
-  
    
-    
    Typeahead bootstrap-typeahead.js
    
-  
    
-  
    
-    
    
-      
    About
    
-      
    A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.
    
-      Download file
-    
    
-    
    
-      
    Example
    
-      
    Start typing in the field below to show the typeahead results.
    
-      
    
-        
+    
+    
    
+      
    
+        
    Typeahead bootstrap-typeahead.js
    
       
    
-      
    
-      
    Using bootstrap-typeahead.js
    
-      
    Call the typeahead via javascript:
    
-      
    $('.typeahead').typeahead()
    
-      
    Options
    
-      
-        
-         
-           
-           
-           
-           
-         
-        
-        
-         
-           
-           
-           
-           
-         
-        
-      
    Nametypedefaultdescription
    itemsnumber8The max number of items to display in the dropdown.
    
+      
    
+        
    
+          
    About
    
+          
    A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.
    
+          Download file
+        
    
+        
    
+          
    Example
    
+          
    Start typing in the field below to show the typeahead results.
    
+          
    
+            
+          
    
+          
    
+          
    Using bootstrap-typeahead.js
    
+          
    Call the typeahead via javascript:
    
+          
    $('.typeahead').typeahead()
    
+          
    Options
    
+          
+            
+             
+               
+               
+               
+               
+             
+            
+            
+             
+               
+               
+               
+               
+             
+            
+          
    Nametypedefaultdescription
    itemsnumber8The max number of items to display in the dropdown.
    
 
-      
    Markup
    
-      
    Add data attributes to register an element with typeahead functionality.
    
+          
    Markup
    
+          
    Add data attributes to register an element with typeahead functionality.
    
 
     <input type="text" data-provide="typeahead">
 
    
-    
    
-  
    
-
    
\ No newline at end of file
+        
    
+      
    
+    
    
\ No newline at end of file
diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache
index 567ac6d0d..c586af1b9 100644
--- a/docs/templates/pages/scaffolding.mustache
+++ b/docs/templates/pages/scaffolding.mustache
@@ -1,10 +1,14 @@
-
-
-
    
-  
    Scaffolding
    
-  
    Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.
    
-
    
+      
+      
    
+        
    Scaffolding
    
+        
    Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.
    
+        
+      
    
 
 
 
diff --git a/docs/templates/pages/upgrading.mustache b/docs/templates/pages/upgrading.mustache
index a243d6ad5..475539284 100644
--- a/docs/templates/pages/upgrading.mustache
+++ b/docs/templates/pages/upgrading.mustache
@@ -1,9 +1,9 @@
-
-
    
-  
    Upgrading to Bootstrap 2
    
-  
    Learn about significant changes and additions since v1.4 with this handy guide.
    
-
    
+      
+      
    
+        
    Upgrading to Bootstrap 2
    
+        
    Learn about significant changes and additions since v1.4 with this handy guide.
    
+      
    
 
 
 
    Rough outline
    
diff --git a/docs/upgrading.html b/docs/upgrading.html
index 7e43408ac..ee18cbeb0 100644
--- a/docs/upgrading.html
+++ b/docs/upgrading.html
@@ -27,79 +27,30 @@
 
   
 
-    
     
    
       
    
         
    
           Bootstrap
           
         
    
@@ -108,12 +59,12 @@
 
     
    
 
-
-
    
-  
    Upgrading to Bootstrap 2
    
-  
    Learn about significant changes and additions since v1.4 with this handy guide.
    
-
    
+      
+      
    
+        
    Upgrading to Bootstrap 2
    
+        
    Learn about significant changes and additions since v1.4 with this handy guide.
    
+      
    
 
 
 
    Rough outline
    
@@ -194,7 +145,7 @@
   
 -->
 
-      
       
    
         
    Back to top
    
-- 
cgit v1.2.3


From 82de03b67cf729291ea5a73741e44838a42940f8 Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Mon, 23 Jan 2012 19:55:00 -0800
Subject: start wrapping text in {{_i}} for translation

---
 docs/base-css.html                       |   3 +-
 docs/build/index.js                      |   6 +-
 docs/components.html                     |   3 +-
 docs/index.html                          |   3 +-
 docs/javascript.html                     |  17 +-
 docs/less.html                           |   3 +-
 docs/scaffolding.html                    |   3 +-
 docs/templates/layout.mustache           |   3 +-
 docs/templates/pages/javascript.mustache | 460 +++++++++++++++----------------
 docs/upgrading.html                      |   3 +-
 10 files changed, 247 insertions(+), 257 deletions(-)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index 91cb4ec70..6485d76a2 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -22,11 +22,10 @@
     
     
     
-
   
 
   
-
+  
   
     
    
diff --git a/docs/build/index.js b/docs/build/index.js
index 4536238c4..9c240ca36 100644
--- a/docs/build/index.js
+++ b/docs/build/index.js
@@ -6,7 +6,7 @@ var layout, pages
 
 // compile layout template
 layout = fs.readFileSync(__dirname + '/../templates/layout.mustache', 'utf-8')
-layout = hogan.compile(layout)
+layout = hogan.compile(layout, { sectionTags: [{o:'_i', c:'i'}] })
 
 // retrieve pages
 pages = fs.readdirSync(__dirname + '/../templates/pages')
@@ -18,7 +18,9 @@ pages.forEach(function (name) {
     , context = {}
 
   context[name.replace(/\.mustache$/, '')] = 'active'
-  page = hogan.compile(page)
+  context._i = true
+
+  page = hogan.compile(page, { sectionTags: [{o:'_i', c:'i'}] })
   page = layout.render(context, {
     body: page
   })
diff --git a/docs/components.html b/docs/components.html
index 4a1e4fc6f..9d28b9e06 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -22,11 +22,10 @@
     
     
     
-
   
 
   
-
+  
   
     
    
diff --git a/docs/index.html b/docs/index.html
index 9693b9f7e..1743676b6 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -22,11 +22,10 @@
     
     
     
-
   
 
   
-
+  
   
     
    
diff --git a/docs/javascript.html b/docs/javascript.html
index 7b7f88c5c..cc641ed49 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -22,11 +22,10 @@
     
     
     
-
   
 
   
-
+  
   
     
    
@@ -299,7 +298,7 @@
           
    Notice If you want your modal to animate in and out, just add a .fade class to the .modal element (refer to the demo to see this in action).
    
           
    Methods
    
           
    .modal(options)
    
-          
    Activates your content as a modal. Accepts an optional options object.
+          
    Activates your content as a modal. Accepts an optional options object.
    
 
     $('#myModal').modal({
   keyboard: false
@@ -314,7 +313,7 @@ $('#myModal').modal({
           
    Manually hides a modal.
    
           
    $('#myModal').modal('hide')
    
           
    Events
    
-          
    Bootstrap's modal class exposes a few events for hooking into modal functionality. 
    
+          
    Bootstrap's modal class exposes a few events for hooking into modal functionality.
    
           
@@ -344,7 +343,7 @@ $('#myModal').modal({
 
 
     $('#myModal').on('hidden', function () {
-  // do something ...
+  // do something…
 })
    
@@ -472,9 +471,7 @@ $('#myModal').on('hidden', function () {
 </ul>
    Methods
    $().dropdown()
    
-          
    
-          A programatic api for activating menus for a given navbar or tabbed navigation.
-          
    
+          
    A programatic api for activating menus for a given navbar or tabbed navigation.
    
@@ -544,9 +541,9 @@ $('#myModal').on('hidden', function () {
           
    Call the scrollspy via javascript:
    $('#navbar').scrollspy()
    Markup
    
-          
    To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body).
+          
    To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body).
    <body data-spy="scroll" >...</body>
    
-           
    Notice Navbar anchor tags must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.
+           
    Notice Navbar anchor tags must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.
    Options
    
             
              
    
         
       
           
           
         
       
     
           
           
           
           
           
    
diff --git a/docs/less.html b/docs/less.html
index 76a47f269..cd486ac98 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -22,11 +22,10 @@
     
-
   
-
+  
   
    
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index be49f94d5..2684e32ec 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -22,11 +22,10 @@
     
     
     
-
   
 
   
-
+  
   
     
    
diff --git a/docs/templates/layout.mustache b/docs/templates/layout.mustache
index eccc67974..919872db2 100644
--- a/docs/templates/layout.mustache
+++ b/docs/templates/layout.mustache
@@ -22,11 +22,10 @@
     
     
     
-
   
 
   
-
+  
   
     
    
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index 93789cc03..e1856d6c2 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -1,21 +1,21 @@
       
       
    
-        
    Javascript for Bootstrap
    
-        
    Bring Bootstrap's components to life—now with 12 custom jQuery plugins.
+        
    {{_i}}Javascript for{{/i}} Bootstrap
    
+        
    {{_i}}Bring Bootstrap's components to life—now with 12 custom jQuery plugins.{{/i}}
         
    
       
    
 
@@ -24,105 +24,105 @@
       ================================================== -->
       
    
         
    
-          
    jQuery plugins A dozen Bootstrap plugins to get you started
    
+          
    {{_i}}jQuery plugins{{/i}} {{_i}}A dozen Bootstrap plugins to get you started{{/i}}
    
         
    
       
    
         
    
           
         
    
         
    
           
         
    
         
    
           
         
    
         
    
           
         
    
       
     
       
    
         
    
           
         
    
         
    
           
         
    
         
    
           
         
    
         
    
           
         
    
       
     
       
    
         
    
           
         
    
         
    
           
         
    
         
    
           
         
    
         
    
           
         
    
       
     
       
    
         
    
           
         
    
       
    
       
    
-      Select/Unselect All Plugins
-      
    Note: All plugins require the latest version of jQuery to be included.
    
+      {{_i}}Select/Unselect All Plugins{{/i}}
+      
    {{_i}}Note: All plugins require the latest version of jQuery to be included.{{/i}}
    
     
    
 
 
@@ -131,93 +131,93 @@
     ================================================== -->
     
    
       
    
-        
    Modals bootstrap-modal.js
    
+        
    {{_i}}Modals{{/i}} bootstrap-modal.js
    
       
    
       
    
         
    
-          
    About modals
    
-          
    A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.
    
-          Download file
+          
    {{_i}}About modals{{/i}}
    
+          
    {{_i}}A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.{{/i}}
    
+          {{_i}}Download file{{/i}}
         
    
         
    
-          
    Static example
    
-          
    Below is a statically rendered modal.
    
+          
    {{_i}}Static example{{/i}}
    
+          
    {{_i}}Below is a statically rendered modal.{{/i}}
    
           
    
             
    
               
    
                 ×
-                
    Modal header
    
+                
    {{_i}}Modal header{{/i}}
    
               
    
               
    
-                
    One fine body…
    
+                
    {{_i}}One fine body…{{/i}}
    
               
    
               
    
-                Save changes
-                Close
+                {{_i}}Save changes{{/i}}
+                {{_i}}Close{{/i}}
               
    
             
    
           
     
 
-          
    Live demo
    
-          
    Toggle a modal via javascript by clicking the button below. It will slide down and fade in from the top of the page.
    
+          
    {{_i}}Live demo{{/i}}
    
+          
    {{_i}}Toggle a modal via javascript by clicking the button below. It will slide down and fade in from the top of the page.{{/i}}
    
           
           
-          Launch demo modal
+          {{_i}}Launch demo modal{{/i}}
 
           
    
 
-          
    Using bootstrap-modal
    
-          
    Call the modal via javascript:
    
+          
    {{_i}}Using bootstrap-modal{{/i}}
    
+          
    {{_i}}Call the modal via javascript:{{/i}}
    
           
    $('#myModal').modal(options)
    
-          
    Options
    
+          
    {{_i}}Options{{/i}}
    
           
    
             
     
     
 
   
     
    
-               
-               
-               
-               
+               
+               
+               
+               
-               
-               
-               
-               
+               
+               
+               
+               
-               
-               
-               
-               
+               
+               
+               
+               
    
             
              
    Nametypedefaultdescription{{_i}}Name{{/i}}{{_i}}type{{/i}}{{_i}}default{{/i}}{{_i}}description{{/i}}
              
    
                 
             
              
    backdropbooleantrueIncludes a modal-backdrop element{{_i}}backdrop{{/i}}{{_i}}boolean{{/i}}{{_i}}true{{/i}}{{_i}}Includes a modal-backdrop element{{/i}}
              
    
              
    keyboardbooleantrueCloses the modal when escape key is pressed{{_i}}keyboard{{/i}}{{_i}}boolean{{/i}}{{_i}}true{{/i}}{{_i}}Closes the modal when escape key is pressed{{/i}}
              
    
                 
           
    
-          
    Markup
    
-          
    You can activate modals on your page easily without having to write a single line of javascript. Just set data-toggle="modal" on a controller element with a data-target="#foo" or href="#foo" which corresponds to a modal element id, and when clicked, it will launch your modal.
    
-          
    Also, to add options to your modal instance, just include them as additional data attributes on either the control element or the modal markup itself.
    
+          
    {{_i}}Markup{{/i}}
    
+          
    {{_i}}You can activate modals on your page easily without having to write a single line of javascript. Just set data-toggle="modal" on a controller element with a data-target="#foo" or href="#foo" which corresponds to a modal element id, and when clicked, it will launch your modal.
    
+          
    Also, to add options to your modal instance, just include them as additional data attributes on either the control element or the modal markup itself.{{/i}}
    
 
    -<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>
+<a class="btn" data-toggle="modal" href="#myModal" >{{_i}}Launch Modal{{/i}}</a>
 
    
 
 
    @@ -227,63 +227,63 @@
     <h3>Modal header</h3>
   </div>
   <div class="modal-body">
-    <p>One fine body…</p>
+    <p>{{_i}}One fine body…{{/i}}</p>
   </div>
   <div class="modal-footer">
-    <a href="#" class="btn primary">Save changes</a>
-    <a href="#" class="btn">Close</a>
+    <a href="#" class="btn primary">{{_i}}Save changes{{/i}}</a>
+    <a href="#" class="btn">{{_i}}Close{{/i}}</a>
   </div>
 </div>
 
    
-          
    Notice If you want your modal to animate in and out, just add a .fade class to the .modal element (refer to the demo to see this in action).
    
-          
    Methods
    
-          
    .modal(options)
    
-          
    Activates your content as a modal. Accepts an optional options object.
+          
    {{_i}}Notice If you want your modal to animate in and out, just add a .fade class to the .modal element (refer to the demo to see this in action).{{/i}}
    
+          Methods{{/i}}
+          
    .modal({{_i}}options{{/i}})
    
+          
    {{_i}}Activates your content as a modal. Accepts an optional options object.{{/i}}
    
 
     $('#myModal').modal({
   keyboard: false
 })
    
           
    .modal('toggle')
    
-          
    Manually toggles a modal.
    
+          
    {{_i}}Manually toggles a modal.{{/i}}
    
           
    $('#myModal').modal('toggle')
    
           
    .modal('show')
    
-          
    Manually opens a modal.
    
+          
    {{_i}}Manually opens a modal.{{/i}}
    
           
    $('#myModal').modal('show')
    
           
    .modal('hide')
    
-          
    Manually hides a modal.
    
+          
    {{_i}}Manually hides a modal.{{/i}}
    
           
    $('#myModal').modal('hide')
    
-          
    Events
    
-          
    Bootstrap's modal class exposes a few events for hooking into modal functionality. 
    
+          
    {{_i}}Events{{/i}}
    
+          
    {{_i}}Bootstrap's modal class exposes a few events for hooking into modal functionality.{{/i}}
    
           
-               
-               
+               
+               
-               
-               
+               
+               
-               
-               
+               
+               
-               
-               
+               
+               
-               
-               
+               
+               
    
             
              
    EventDescription{{_i}}Event{{/i}}{{_i}}Description{{/i}}
              
    
                 
             
              
    showThis event fires immediately when the show instance method is called.{{_i}}show{{/i}}{{_i}}This event fires immediately when the show instance method is called.{{/i}}
              
    
              
    shownThis event is fired when the modal has been made visible to the user (will wait for css transitions to complete).{{_i}}shown{{/i}}{{_i}}This event is fired when the modal has been made visible to the user (will wait for css transitions to complete).{{/i}}
              
    
              
    hideThis event is fired immediately when the hide instance method has been called.{{_i}}hide{{/i}}{{_i}}This event is fired immediately when the hide instance method has been called.{{/i}}
              
    
              
    hiddenThis event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).{{_i}}hidden{{/i}}{{_i}}This event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).{{/i}}
              
    
                 
           
    
 
 
     $('#myModal').on('hidden', function () {
-  // do something ...
+  // {{_i}}do something…{{/i}}
 })
    
         
    
       
    
@@ -295,52 +295,52 @@ $('#myModal').on('hidden', function () {
     ================================================== -->
     
@@ -424,30 +422,30 @@ $('#myModal').on('hidden', function () {
     ================================================== -->
     
    
       
    
-        
    ScrollSpy bootstrap-scrollspy.js
    
+        
    {{_i}}ScrollSpy{{/i}} bootstrap-scrollspy.js
    
       
    
       
    
         
    
-          
    The ScrollSpy plugin is for automatically updating nav targets based on scroll position.
    
-          Download file
+          
    {{_i}}The ScrollSpy plugin is for automatically updating nav targets based on scroll position.{{/i}}
    
+          {{_i}}Download file{{/i}}
         
    
         
    
-          
    Example navbar with scrollspy
    
-          
    Scroll the area below and watch the navigation update. The dropdown sub items will be highlighted as well. Try it!
    
+          
    {{_i}}Example navbar with scrollspy{{/i}}
    
+          
    {{_i}}Scroll the area below and watch the navigation update. The dropdown sub items will be highlighted as well. Try it!{{/i}}
    
           
    
           
    
             #First NameLast NameLanguage{{_i}}First Name{{/i}}{{_i}}Last Name{{/i}}{{_i}}Language{{/i}}
           
    
             
         
   
           
    
             #First NameLast NameLanguage{{_i}}First Name{{/i}}{{_i}}Last Name{{/i}}{{_i}}Language{{/i}}
           
    
             
         
   
           
    
             #First NameLast NameLanguage{{_i}}First Name{{/i}}{{_i}}Last Name{{/i}}{{_i}}Language{{/i}}
           
    
             
         
   
           
    
             #First NameLast NameLanguage{{_i}}First Name{{/i}}{{_i}}Last Name{{/i}}{{_i}}Language{{/i}}
           
    
             
         
   
           
    
             #First NameLast NameLanguage{{_i}}First Name{{/i}}{{_i}}Last Name{{/i}}{{_i}}Language{{/i}}
           
    
             
         
         
       
    
-      
    Styles for the Tablesorter, zebra striping, borders, and condensing may all compound in any variation to fit your needs.
    
+      
    {{_i}}Styles for the Tablesorter, zebra striping, borders, and condensing may all compound in any variation to fit your needs.{{/i}}
    
       
-            
-            
-            
+            
+            
+            
-- 
cgit v1.2.3


From 540d229eba6e65c0d18b706df73fb51322b5ea40 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois=20Robichet?= 
Date: Tue, 24 Jan 2012 21:57:30 +0100
Subject: Fixed a mailto typo

---
 docs/base-css.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index f21f25f6b..79200009a 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -181,7 +181,7 @@
       
       
    
         Full Name
    
-        first.last@gmail.com
+        first.last@gmail.com
       
    
     
     
    
-- 
cgit v1.2.3


From 925fef411090f06b34c5e86f4d0ed5630adff87b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois=20Robichet?= 
Date: Tue, 24 Jan 2012 22:11:09 +0100
Subject: Typo on tablesorter

---
 docs/assets/js/application.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js
index 2da4ab8e2..95caa0f31 100644
--- a/docs/assets/js/application.js
+++ b/docs/assets/js/application.js
@@ -22,7 +22,7 @@ $(function(){
   window.prettyPrint && prettyPrint()
 
   // table sort example
-  if ($.fn.tableSorter) {
+  if ($.fn.tablesorter) {
     $("#sortTableExample").tablesorter( { sortList: [[ 1, 0 ]] } )
     $(".tablesorter-example").tablesorter({ sortList: [[1,0]] })
   }
-- 
cgit v1.2.3


From 5fb31670af6df88afb0a82872b6f7935486f91c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois=20Robichet?= 
Date: Tue, 24 Jan 2012 22:12:37 +0100
Subject: Added jquery.tablesorter js file

---
 docs/base-css.html | 1 +
 1 file changed, 1 insertion(+)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index 79200009a..01c4d115c 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1509,6 +1509,7 @@
     
     
     
+    
     
     
     
-- 
cgit v1.2.3


From 425e5bfb71527e932858ad41f9e234fc05d65c6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABtan=20Muller?= 
Date: Tue, 24 Jan 2012 22:17:32 +0100
Subject: Final translation tags in Base CSS

---
 docs/templates/pages/base-css.mustache | 325 +++++++++++++++++----------------
 1 file changed, 163 insertions(+), 162 deletions(-)

(limited to 'docs')

diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 5a58b9663..b8c413888 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -809,125 +809,125 @@
 ================================================== -->
 
    
   
    
-    
    Forms
    
+    
    {{_i}}Forms{{/i}}
    
   
    
   
    
     
    
-      
    Flexible HTML and CSS
    
-      
    The best part about forms in Bootstrap is that all your inputs and controls look great no matter how you build them in your markup. No superfluous HTML is required, but we provide the patterns for those who require it.
    
-      
    More complicated layouts come with succinct and scalable classes for easy styling and event binding, so you're covered at every step.
    
+      
    {{_i}}Flexible HTML and CSS{{/i}}
    
+      
    {{_i}}The best part about forms in Bootstrap is that all your inputs and controls look great no matter how you build them in your markup. No superfluous HTML is required, but we provide the patterns for those who require it.{{/i}}
    
+      
    {{_i}}More complicated layouts come with succinct and scalable classes for easy styling and event binding, so you're covered at every step.{{/i}}
    
     
    
     
    
-      
    Four layouts included
    
-      
    Bootstrap comes with support for four types of form layouts:
    
+      
    {{_i}}Four layouts included{{/i}}
    
+      
    {{_i}}Bootstrap comes with support for four types of form layouts:{{/i}}
    
       
      
-        
    • Vertical (default)
      • 
-        
    • Search
      • 
-        
    • Inline
      • 
-        
    • Horizontal
      • 
+        
    • {{_i}}Vertical (default){{/i}}
      • 
+        
    • {{_i}}Search{{/i}}
      • 
+        
    • {{_i}}Inline{{/i}}
      • 
+        
    • {{_i}}Horizontal{{/i}}
      • 
       
    
-      
    Different types of form layouts require some changes to markup, but the controls themselves remain and behave the same.
    
+      
    {{_i}}Different types of form layouts require some changes to markup, but the controls themselves remain and behave the same.{{/i}}
    
     
    
     
    
-      
    Control states and more
    
-      
    Bootstrap's forms include styles for all the base form controls like input, textarea, and select you'd expect. But it also comes with a number of custom components like appended and prepended inputs and support for lists of checkboxes.
    
-      
    States like error, warning, and success are included for each type of form control. Also included are styles for disabled controls.
    
+      
    {{_i}}Control states and more{{/i}}
    
+      
    {{_i}}Bootstrap's forms include styles for all the base form controls like input, textarea, and select you'd expect. But it also comes with a number of custom components like appended and prepended inputs and support for lists of checkboxes.{{/i}}
    
+      
    {{_i}}States like error, warning, and success are included for each type of form control. Also included are styles for disabled controls.{{/i}}
    
     
    
   
    
 
-  
    Four types of forms
    
-  
    Bootstrap provides simple markup and styles for four styles of common web forms.
    
+  
    {{_i}}Four types of forms{{/i}}
    
+  
    {{_i}}Bootstrap provides simple markup and styles for four styles of common web forms.{{/i}}
    
   
    
         
           
    
             #First NameLast NameLanguage{{_i}}First Name{{/i}}{{_i}}Last Name{{/i}}{{_i}}Language{{/i}}
           
    
             
         
    
-        
-        
-        
+        
+        
+        
-        
-        
-        
+        
+        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
    
     
       
    NameClassDescription{{_i}}Name{{/i}}{{_i}}Class{{/i}}{{_i}}Description{{/i}}
       
    
         
     
       
    Vertical (default).vertical-form (not required)Stacked, left-aligned labels over controls{{_i}}Vertical (default){{/i}}.vertical-form ({{_i}}not required{{/i}}){{_i}}Stacked, left-aligned labels over controls{{/i}}
       
    
       
    Horizontal{{_i}}Horizontal{{/i}}
         .form-horizontalFloat left, right-aligned labels on same line as controls{{_i}}Float left, right-aligned labels on same line as controls{{/i}}
       
    
       
    Inline{{_i}}Inline{{/i}}
         .form-inlineLeft-aligned label and inline-block controls for compact style{{_i}}Left-aligned label and inline-block controls for compact style{{/i}}
       
    
       
    Search{{_i}}Search{{/i}}
         .form-searchExtra-rounded text input for a typical search aesthetic{{_i}}Extra-rounded text input for a typical search aesthetic{{/i}}
       
    
         
   
    
 
 
-  
    Example forms using just form controls, no extra markup
    
+  
    {{_i}}Example forms using just form controls, no extra markup{{/i}}
    
   
    
     
    
-      
    Basic form
    
-      
    With v2.0, we have lighter and smarter defaults for form styles. No extra markup, just form controls.
    
+      
    {{_i}}Basic form{{/i}}
    
+      
    {{_i}}With v2.0, we have lighter and smarter defaults for form styles. No extra markup, just form controls.{{/i}}
    
       
    
-        
-        
+        
+        
         
-        
+        
       
    
     
    
     
    
-      
    Search form
    
-      
    Reflecting default WebKit styles, just add .form-search for extra rounded search fields.
    
+      
    {{_i}}Search form{{/i}}
    
+      
    {{_i}}Reflecting default WebKit styles, just add .form-search for extra rounded search fields.{{/i}}
    
       
    
         
-        
+        
       
    
     
    
     
    
-      
    Inline form
    
-      
    Inputs are block level to start. For .form-inline and .form-horizontal, we use inline-block.
    
+      
    {{_i}}Inline form{{/i}}
    
+      
    {{_i}}Inputs are block level to start. For .form-inline and .form-horizontal, we use inline-block.{{/i}}
    
       
    
-        
-        
-        
+        
+        
+        
       
    
     
    
   
    
 
   
    
 
-  
    Horizontal forms
    
+  
    {{_i}}Horizontal forms{{/i}}
    
   
    
     
    
       
    
-        Controls Bootstrap supports
+        {{_i}}Controls Bootstrap supports{{/i}}
         
    
-          
+          
           
    
             
-            
    In addition to freeform text, any HTML5 text-based input appears like so.
    
+            
    {{_i}}In addition to freeform text, any HTML5 text-based input appears like so.{{/i}}
    
           
    
         
    
         
    
-          
+          
           
    
             
           
    
         
    
         
    
-          
+          
           
    
             
               
@@ -951,39 +951,39 @@
           
    
         
    
         
    
-          
+          
           
    
             
           
    
         
    
         
    
-          
+          
           
    
             
           
    
         
    
         
    
-          
-          
+          
+          
         
    
       
    
     
    
     
    
       
    
-        
    What's included
    
-        
    Shown on the left are all the default form controls we support. Here's the bulleted list:
    
+        
    {{_i}}What's included{{/i}}
    
+        
    {{_i}}Shown on the left are all the default form controls we support. Here's the bulleted list:{{/i}}
    
         
      
-          
    • text inputs (text, password, email, etc)
      • 
-          
    • checkbox
      • 
-          
    • radio
      • 
-          
    • select
      • 
-          
    • multiple select
      • 
-          
    • file input
      • 
-          
    • textarea
      • 
+          
    • {{_i}}text inputs (text, password, email, etc){{/i}}
      • 
+          
    • {{_i}}checkbox{{/i}}
      • 
+          
    • {{_i}}radio{{/i}}
      • 
+          
    • {{_i}}select{{/i}}
      • 
+          
    • {{_i}}multiple select{{/i}}
      • 
+          
    • {{_i}}file input{{/i}}
      • 
+          
    • {{_i}}textarea{{/i}}
      • 
         
    
         
    
-        
    New defaults with v2.0
    
-        
    Up to v1.4, Bootstrap's default form styles used the horizontal layout. With Bootstrap 2, we removed that constraint to have smarter, more scalable defaults for any form.
    
+        
    {{_i}}New defaults with v2.0{{/i}}
    
+        
    {{_i}}Up to v1.4, Bootstrap's default form styles used the horizontal layout. With Bootstrap 2, we removed that constraint to have smarter, more scalable defaults for any form.{{/i}}
    
       
    
     
    
   
    
@@ -993,66 +993,66 @@
   
    
     
    
       
    
-        Form control states
+        {{_i}}Form control states{{/i}}
         
    
-          
+          
           
    
-            
+            
           
    
         
    
         
    
-          
+          
           
    
-            
+            
           
    
         
    
         
    
-          
+          
           
    
             
           
    
         
    
         
    
-          
+          
           
    
             
-            Something may have gone wrong
+            {{_i}}Something may have gone wrong{{/i}}
           
    
         
    
         
    
-          
+          
           
    
             
-            Please correct the error
+            {{_i}}Please correct the error{{/i}}
           
    
         
    
         
    
-          
+          
           
    
             
-            Woohoo!
+            {{_i}}Woohoo!{{/i}}
           
    
         
    
         
    
-          
-          
+          
+          
         
    
       
    
     
    
     
    
       
    
-        
    Redesigned browser states
    
-        
    Bootstrap features styles for browser-supported focused and disabled states. We remove the default Webkit outline and apply a box-shadow in it's place for :focus.
    
+        
    {{_i}}Redesigned browser states{{/i}}
    
+        
    {{_i}}Bootstrap features styles for browser-supported focused and disabled states. We remove the default Webkit outline and apply a box-shadow in it's place for :focus.{{/i}}
    
         
    
-        
    Form validation
    
-        
    It also includes validation styles for errors, warnings, and success. To use, add the a class to the surrounding .control-group.
    
+        
    {{_i}}Form validation{{/i}}
    
+        
    {{_i}}It also includes validation styles for errors, warnings, and success. To use, add the a class to the surrounding .control-group.{{/i}}
    
 
     <fieldset
   class="control-group error">
-  ...
+  …
 </fieldset>
 
    
       
    
@@ -1064,38 +1064,38 @@
   
    
     
    
       
    
-        Extending form controls
+        {{_i}}Extending form controls{{/i}}
         
    
-          
+          
           
    
             
             
             
-            
    Use the same .span* classes from the grid system for input sizes.
    
+            
    {{_i}}Use the same .span* classes from the grid system for input sizes.{{/i}}
    
           
    
         
    
         
    
-          
+          
           
    
             
    
               @
               
             
    
-            
    Here's some help text
    
+            
    {{_i}}Here's some help text{{/i}}
    
           
    
         
    
         
    
-          
+          
           
    
             
    
               
               .00
             
    
-            
    Here's more help text
    
+            
    {{_i}}Here's more help text{{/i}}
    
           
    
         
    
         
    
-          
+          
           
    
             
    
         
    
         
    
-          
+          
           
    
             
             
             
-            
    Note: Labels surround all the options for much larger click areas and a more usable form.
    
+            
    {{_i}}Note: Labels surround all the options for much larger click areas and a more usable form.{{/i}}
    
           
    
         
    
         
    
-          
+          
           
    
             
             
           
    
         
    
         
    
-          
-          
+          
+          
         
    
       
    
     
    
     
    
       
    
-        
    Prepend & append inputs
    
-        
    Input groups—with appended or prepended text—provide an easy way to give more context for your inputs. Great examples include the @ sign for Twitter usernames or $ for finances.
    
+        
    {{_i}}Prepend & append inputs{{/i}}
    
+        
    {{_i}}Input groups—with appended or prepended text—provide an easy way to give more context for your inputs. Great examples include the @ sign for Twitter usernames or $ for finances.{{/i}}
    
         
    
-        
    Checkboxes and radios
    
-        
    Up to v1.4, Bootstrap required extra markup around checkboxes and radios to stack them. Now, it's a simple matter of repeating the <label class="checkbox"> that wraps the <input type="checkbox">.
    
-        
    Inline checkboxes and radios are also supported. Just add .inline to any .checkbox or .radio and you're done.
    
+        
    {{_i}}Checkboxes and radios{{/i}}
    
+        
    {{_i}}Up to v1.4, Bootstrap required extra markup around checkboxes and radios to stack them. Now, it's a simple matter of repeating the <label class="checkbox"> that wraps the <input type="checkbox">.{{/i}}
    
+        
    {{_i}}Inline checkboxes and radios are also supported. Just add .inline to any .checkbox or .radio and you're done.{{/i}}
    
       
    
     
    
   
    
@@ -1162,81 +1162,82 @@
 
 
    
   
    
-    
    Buttons
    
+    
    {{_i}}Buttons{{/i}}
    
   
    
   
-        
-        
-        
+        
+        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
-        
+        
    
     
       
    ButtonClassDescription{{_i}}Button{{/i}}{{_i}}Class{{/i}}{{_i}}Description{{/i}}
       
    
         
     
       
    Default{{_i}}Default{{/i}}
         .btnStandard gray button with gradient{{_i}}Standard gray button with gradient{{/i}}
       
    
       
    Primary{{_i}}Primary{{/i}}
         .primaryProvides extra visual weight and identifies the primary action in a set of buttons{{_i}}Provides extra visual weight and identifies the primary action in a set of buttons{{/i}}
       
    
       
    Info{{_i}}Info{{/i}}
         .infoUsed as an alternate to the default styles{{_i}}Used as an alternate to the default styles{{/i}}
       
    
       
    Success{{_i}}Success{{/i}}
         .successIndicates a successful or positive action{{_i}}Indicates a successful or positive action{{/i}}
       
    
       
    Danger{{_i}}Danger{{/i}}
         .dangerIndicates a dangerous or potentially negative action{{_i}}Indicates a dangerous or potentially negative action{{/i}}
       
    
         
   
    
 
   
    
     
    
-      
    Buttons for actions
    
-      
    As a convention, buttons should only be used for actions while hyperlinks are to be used for objects. For instance, "Download" should be a button while "recent activity" should be a link.
    
+      
    {{_i}}Buttons for actions{{/i}}
    
+      
    {{_i}}As a convention, buttons should only be used for actions while hyperlinks are to be used for objects. For instance, "Download" should be a button while "recent activity" should be a link.{{/i}}
    
     
    
     
    
-      
    For anchors and forms
    
-      
    Button styles can be applied to anything with the .btn applied. However, typically you’ll want to apply these to only <a> and <button> elements.
    
+      
    {{_i}}For anchors and forms{{/i}}
    
+      
    {{_i}}Button styles can be applied to anything with the .btn applied. However, typically you’ll want to apply these to only <a> and <button> elements.{{/i}}
    
     
    
     
    
-      
    Note: All buttons must include the .btn class. Button styles should be applied to <button> and <a> elements for consistency.
    
+      
    {{_i}}Note: All buttons must include the .btn class. Button styles should be applied to <button> and <a> elements for consistency.{{/i}}
    
     
    
   
    
 
   
    
     
    
-      
    Multiple sizes
    
-      
    Fancy larger or smaller buttons? Have at it!
    
+      
    {{_i}}Multiple sizes{{/i}}
    
+      
    {{_i}}Fancy larger or smaller buttons? Have at it!{{/i}}
    
       
    
-        Primary action
-        Action
+        {{_i}}Primary action{{/i}}
+        {{_i}}Action{{/i}}
       
    
       
    
-        Primary action
-        Action
+        {{_i}}Primary action{{/i}}
+        {{_i}}Action{{/i}}
       
    
     
    
     
    
-      
    Disabled state
    
-      
    For buttons that are not active or are disabled by the app for one reason or another, use the disabled state. That’s .disabled for links and :disabled for <button> elements.
    
+      
    {{_i}}Disabled state{{/i}}
    
+      
    {{_i}}For buttons that are not active or are disabled by the app for one reason or another, use the disabled state. That’s .disabled for links and :disabled for <button> elements.{{/i}}
    
       
    
-        Primary action
-        Action
+        {{_i}}Primary action{{/i}}
+        {{_i}}Action{{/i}}
       
    
       
    
-         
+        
+        
       
    
     
    
   
    
@@ -1251,7 +1252,7 @@
 ================================================== -->
 
    
   
    
-    
    Icons Graciously provided by Glyphicons
    
+    
    {{_i}}Icons Graciously provided by Glyphicons{{/i}}
    
   
    
   
    
     
    
@@ -1365,7 +1366,7 @@
       
    
     
    
     
    
-      
    Light red background color is only used to show the dimensions of the icons in the docs.
    
+      
    {{_i}}Light red background color is only used to show the dimensions of the icons in the docs.{{/i}}
    
     
    
   
    
 
@@ -1373,38 +1374,38 @@
 
   
    
     
    
-      
    Built as a sprite
    
-      
    Instead of making every icon an extra request, we've compiled them into a sprite—a bunch of images in one file that uses CSS to position the images with background-position. This is the same method we use on Twitter.com and it has worked well for us.
    
-      
    Glyphicons has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit. Please consider doing the same in your projects.
    
+      
    {{_i}}Built as a sprite{{/i}}
    
+      
    {{_i}}Instead of making every icon an extra request, we've compiled them into a sprite—a bunch of images in one file that uses CSS to position the images with background-position. This is the same method we use on Twitter.com and it has worked well for us.{{/i}}
    
+      
    {{_i}}Glyphicons has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit. Please consider doing the same in your projects.{{/i}}
    
     
    
     
    
-      
    How to use
    
-      
    With v2.0.0, the <i> tag is essentially dedicated to iconography. To use the icons, you can place the follow code wherever you like one to appear:
    
+      
    {{_i}}How to use{{/i}}
    
+      
    {{_i}}With v2.0.0, the <i> tag is essentially dedicated to iconography. To use the icons, you can place the follow code wherever you like one to appear:{{/i}}
    
 
     <i class="chevron-left"></i>
 
    
-      
    There are over 100 classes to choose from for your icons. Just add an <i> tag with the right class and you're set. You can find the full list in sprites.less or right here in this document.
    
+      
    {{_i}}There are over 100 classes to choose from for your icons. Just add an <i> tag with the right class and you're set. You can find the full list in sprites.less or right here in this document.{{/i}}
    
     
    
     
    
-      
    Use cases
    
-      
    Icons are great, but where would one use them? Here are a few ideas:
    
+      
    {{_i}}Use cases{{/i}}
    
+      
    {{_i}}Icons are great, but where would one use them? Here are a few ideas:{{/i}}
    
       
      
-        
    • As visuals for your sidebar navigation
      • 
-        
    • For a purely icon-driven nav
      • 
-        
    • For buttons to help convey the meaning of an action
      • 
-        
    • With links to share context on a user's destination
      • 
+        
    • {{_i}}As visuals for your sidebar navigation{{/i}}
      • 
+        
    • {{_i}}For a purely icon-driven nav{{/i}}
      • 
+        
    • {{_i}}For buttons to help convey the meaning of an action{{/i}}
      • 
+        
    • {{_i}}With links to share context on a user's destination{{/i}}
      • 
       
    
-      
    Essentially, anywhere you can put an <i> tag, you can put an icon.
    
+      
    {{_i}}Essentially, anywhere you can put an <i> tag, you can put an icon.{{/i}}
    
     
    
   
    
 
-  
    Examples
    
+  
    {{_i}}Examples{{/i}}
    
   
    
     
    
-      
    Use them in buttons, or in button groups for a toolbar style presentation.
    
+      
    {{_i}}Use them in buttons, or in button groups for a toolbar style presentation.{{/i}}
    
       
    
-         Refresh
-         Settings
+         {{_i}}Refresh{{/i}}
+         {{_i}}Settings{{/i}}
       
    
       
    
         
    
@@ -1421,12 +1422,12 @@
       
    
     
    
     
    
-      
    Or, use them in navigation.
    
+      
    {{_i}}Or, use them in navigation.{{/i}}
    
       
    
         
       
     
     
    
-- 
cgit v1.2.3


From 7d52e1dcd479e017d85fee8df4032644970525bd Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Tue, 24 Jan 2012 13:47:24 -0800
Subject: remake

---
 docs/base-css.html   | 4 ++--
 docs/components.html | 2 +-
 docs/javascript.html | 2 +-
 docs/less.html       | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index f21f25f6b..6485d76a2 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -366,7 +366,7 @@
       
    
         <pre class="prettyprint">
         
-          
    Using the google-code-prettify library, your blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.
    
+          
    Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.
    
 
    <div>
   <h1>Heading</h1>
   <p>Something right here...</p>
@@ -1105,7 +1105,7 @@
     
    
       
    
         
    Redesigned browser states
    
-        
    Bootstrap features styles for browser-supported focused and disabled states. We remove the default Webkit outline and apply a box-shadow in its place for :focus.
    
+        
    Bootstrap features styles for browser-supported focused and disabled states. We remove the default Webkit outline and apply a box-shadow in it's place for :focus.
    
         
    
         
    Form validation
    
         
    It also includes validation styles for errors, warnings, and success. To use, add the a class to the surrounding .control-group.
    
diff --git a/docs/components.html b/docs/components.html
index 3a15541c4..9d28b9e06 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -1088,7 +1088,7 @@
   
    
     
    
       
    Rewritten base class
    
-      
    With Bootstrap 2, we've simplified the base class: .alert instead of .alert-message. We've also reduced the minimum required markup—no <p> is required by default, just the outer <div>.
    
+      
    With Bootstrap 2, we've simplified the base class: .alert instead of .alert-message. We've also reduced the minimum required markup—no <p> is required by default, just the outter <div>.
    
       
    Single alert message
    
       
    For a more durable component with less code, we've removed the differentiating look for block alerts, messages that come with more padding and typically more text. The class also has changed to .alert-block.
    
       
    
diff --git a/docs/javascript.html b/docs/javascript.html
index bdcc622de..a35c29913 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -856,7 +856,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
           
    Notice Individual popover instance options can alternatively be specified through the use of data attributes.
    
           
    Markup
    
           
    
-          For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.
+          For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a the selector option.
           
    
           
    Methods
    
           
    $().popover(options)
    
diff --git a/docs/less.html b/docs/less.html
index cc8197118..cd486ac98 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -75,7 +75,7 @@
       
    
         
    
           
    Why LESS?
    
-          
    Bootstrap is made with LESS at its core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.
    
+          
    Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.
    
         
    
         
    
           
    What's included?
    
-- 
cgit v1.2.3


From 3aea86370d7d6c717939eebcd6f3a93776c567d4 Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Tue, 24 Jan 2012 13:48:05 -0800
Subject: rebuild base-css

---
 docs/base-css.html | 39 ++++++++++++++++++++-------------------
 1 file changed, 20 insertions(+), 19 deletions(-)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index 6485d76a2..92117b80e 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -358,7 +358,7 @@
         
    		
 
    <div>
   <h1>Heading</h1>
-  <p>Something right here...</p>
+  <p>Something right here…</p>
 </div>
    
           
    Note: Be sure to keep code within <pre> tags as close to the left as possible; it will render all tabs.
    
             		
 
 
           
         
 
     
     
     
     
    
-                
-                
-                
+                
+                
+                
-                
+                
-                
+                
    
             
               
    VariableValueUsage{{_i}}Variable{{/i}}{{_i}}Value{{/i}}{{_i}}Usage{{/i}}
               
    
                 
             
               
    
                 @linkColor
                 #0069d6Default link text color{{_i}}Default link text color{{/i}}
               
    
               
    
                 @linkColorHover
                 darken(@linkColor, 15)Default link text hover color{{_i}}Default link text hover color{{/i}}
               
    
                 
           
    
 
       
    
         
    
-          
    Grayscale colors
    
+          
    {{_i}}Grayscale colors{{/i}}
    
           
@@ -106,7 +106,7 @@
           
    
             
               
    
         
    
         
    
-          
    Accent colors
    
+          
    {{_i}}Accent colors{{/i}}
    
           
@@ -144,7 +144,7 @@
 
       
    
         
    
-          
    Grid system
    
+          
    {{_i}}Grid system{{/i}}
    
           
    
             
               
    
@@ -167,7 +167,7 @@
           
    
             
               
    
         
    
         
    
-          
    Typography
    
+          
    {{_i}}Typography{{/i}}
    
           
@@ -190,7 +190,7 @@
 
       
    
         
    
-          
    Visuals
    
+          
    {{_i}}Visuals{{/i}}
    
         
    
         
    
           
    
             
               
    
@@ -209,7 +209,7 @@
       
    
-        
    Mixins from mixins.less
    
+        
    {{_i}}Mixins from mixins.less{{/i}}
    
       
    
 
 
@@ -217,7 +217,7 @@
       
    
-        
    Operations
    
+        
    {{_i}}Operations{{/i}}
    
       
    
 
 
@@ -225,7 +225,7 @@
       
    
-        
    Compiling LESS and Bootstrap
    
+        
    {{_i}}Compiling LESS and Bootstrap{{/i}}
    
       
    
 
 
@@ -235,25 +235,25 @@
 ================================================== -->
 
    
 
    
-  
    Using Bootstrap with Less Supercharge your CSS with variables, mixins, and functions
    
+  
    {{_i}}Using Bootstrap with Less Supercharge your CSS with variables, mixins, and functions{{/i}}
    
 
    
 
    
   
    
-    
    Bootstrap was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.
    
-    
    Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.
    
+    
    {{_i}}Bootstrap was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.{{/i}}
    
+    
    {{_i}}Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.{{/i}}
    
   
    
   
    
-    
    How to use it
    
-    
    Use this option to make full use of Bootstrap’s Less variables, mixins, and nesting in CSS via javascript in your browser.
    
+    
    {{_i}}How to use it{{/i}}
    
+    
    {{_i}}Use this option to make full use of Bootstrap’s Less variables, mixins, and nesting in CSS via javascript in your browser.{{/i}}
    
 
     <link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
 <script src="js/less-1.1.3.min.js"></script>
    
-
    Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.
    
+
    {{_i}}Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.{{/i}}
    
 
-    
    What’s included
    
-    
    Here are some of the highlights of what’s included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.
    
-    
    Variables
    
-    
    Variables in Less are perfect for maintaining and updating your CSS headache free. When you want to change a color value or a frequently used value, update it in one spot and you’re set.
    
+    
    {{_i}}What’s included{{/i}}
    
+    
    {{_i}}Here are some of the highlights of what’s included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.{{/i}}
    
+    
    {{_i}}Variables{{/i}}
    
+    
    {{_i}}Variables in Less are perfect for maintaining and updating your CSS headache free. When you want to change a color value or a frequently used value, update it in one spot and you’re set.{{/i}}
    
 
     // Links
 @linkColor:         #8b59c2;
@@ -281,16 +281,16 @@
 @baseline:          18px;
 
    
 
-
    Commenting
    
-
    Less also provides another style of commenting in addition to CSS’s normal /* ... */ syntax.
    
+
    {{_i}}Commenting{{/i}}
    
+
    {{_i}}Less also provides another style of commenting in addition to CSS’s normal /* ... */ syntax.{{/i}}
    
 
     // This is a comment
 /* This is also a comment */
 
    
 
-
    Mixins up the wazoo
    
-
    Mixins are basically includes or partials for CSS, allowing you to combine a block of code into one. They’re great for vendor prefixed properties like box-shadow, cross-browser gradients, font stacks, and more. Below is a sample of the mixins that are included with Bootstrap.
    
-
    Font stacks
    
+
    {{_i}}Mixins up the wazoo{{/i}}
    
+
    {{_i}}Mixins are basically includes or partials for CSS, allowing you to combine a block of code into one. They’re great for vendor prefixed properties like box-shadow, cross-browser gradients, font stacks, and more. Below is a sample of the mixins that are included with Bootstrap.{{/i}}
    
+
    {{_i}}Font stacks{{/i}}
    
 
     #font {
   .shorthand(@weight: normal, @size: 14px, @lineHeight: 20px) {
@@ -307,7 +307,7 @@
   ...
 }
 
    
-
    Gradients
    
+
    {{_i}}Gradients{{/i}}
    
 
     #gradient {
   ...
@@ -326,8 +326,8 @@
 }
 
    
 
-
    Operations
    
-
    Get fancy and perform some math to generate flexible and powerful mixins like the one below.
    
+
    {{_i}}Operations{{/i}}
    
+
    {{_i}}Get fancy and perform some math to generate flexible and powerful mixins like the one below.{{/i}}
    
 
     // Griditude
 @gridColumns:       16;
@@ -341,62 +341,62 @@
 }
 
    
 
-    
    Compiling Less
    
-    
    After modifying the .less files in /lib/, you'll need to recompile them in order to regenerate the bootstrap-*.*.*.css and bootstrap-*.*.*.min.css files. If you're submitting a pull request to GitHub, you must always recompile.
    
-    
    Ways to compile
    
+    
    {{_i}}Compiling Less{{/i}}
    
+    
    {{_i}}After modifying the .less files in /lib/, you'll need to recompile them in order to regenerate the bootstrap-*.*.*.css and bootstrap-*.*.*.min.css files. If you're submitting a pull request to GitHub, you must always recompile.{{/i}}
    
+    
    {{_i}}Ways to compile{{/i}}
    
     
    
       
       
       
    
-          
-          
+          
+          
-          
+          
-          
+          
-          
+          
-          
+          
-          
+          
-          
+          
-          
+          
    
       
         
    MethodSteps{{_i}}Method{{/i}}{{_i}}Steps{{/i}}
         
    
           
       
         
    Node with makefile{{_i}}Node with makefile{{/i}}
           
-            
    Install the LESS command line compiler with npm by running the following command:
    
+            
    {{_i}}Install the LESS command line compiler with npm by running the following command:{{/i}}
    
             
    $ npm install less
    
-            
    Once installed just run make from the root of your bootstrap directory and you're all set.
    
-            
    Additionally, if you have watchr installed, you may run make watch to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn't required, just a convenience method).
    
+            
    {{_i}}Once installed just run make from the root of your bootstrap directory and you're all set.{{/i}}
    
+            
    {{_i}}Additionally, if you have watchr installed, you may run make watch to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn't required, just a convenience method).{{/i}}
    
               		
         
    Javascript{{_i}}Javascript{{/i}}
           
-            
    Download the latest Less.js and include the path to it (and Bootstrap) in the <head>.
    
+            
    {{_i}}Download the latest Less.js and include the path to it (and Bootstrap) in the <head>.{{/i}}
    
 
     <link rel="stylesheet/less" href="/path/to/bootstrap.less">
 <script src="/path/to/less.js"></script>
 
    
-            
    To recompile the .less files, just save them and reload your page. Less.js compiles them and stores them in local storage.
    
+            
    {{_i}}To recompile the .less files, just save them and reload your page. Less.js compiles them and stores them in local storage.{{/i}}
    
               		
         
    
         
    Command line{{_i}}Command line{{/i}}
           
-            
    Install the LESS command line tool via Node and run the following command:
    
+            
    {{_i}}Install the LESS command line tool via Node and run the following command:{{/i}}
    
               
    $ lessc ./lib/bootstrap.less > bootstrap.css
    
-            
    Be sure to include --compress in that command if you're trying to save some bytes!
    
+            
    {{_i}}Be sure to include --compress in that command if you're trying to save some bytes!{{/i}}
    
               		
         
    
         
    Unofficial Mac app{{_i}}Unofficial Mac app{{/i}}
           
-            
    The unofficial Mac app watches directories of .less files and compiles the code to local files after every save of a watched .less file.
    
-            
    If you like, you can toggle preferences in the app for automatic minifying and which directory the compiled files end up in.
    
+            
    {{_i}}The unofficial Mac app watches directories of .less files and compiles the code to local files after every save of a watched .less file.{{/i}}
    
+            
    {{_i}}If you like, you can toggle preferences in the app for automatic minifying and which directory the compiled files end up in.{{/i}}
    
               		
         
    
         
    
           CrunchCrunch is a great looking LESS editor and compiler built on Adobe Air.{{_i}}Crunch is a great looking LESS editor and compiler built on Adobe Air.{{/i}}
         
    
         
    
           CodeKitCreated by the same guy as the unofficial Mac app, CodeKit is a Mac app that compiles LESS, SASS, Stylus, and CoffeeScript.{{_i}}Created by the same guy as the unofficial Mac app, CodeKit is a Mac app that compiles LESS, SASS, Stylus, and CoffeeScript.{{/i}}
         
    
         
    
           SimplessMac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.{{_i}}Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.{{/i}}
         
    
           
     
    
-- 
cgit v1.2.3


From f03e170054be081738493c6dace4b37a7a3d40cd Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Tue, 24 Jan 2012 14:08:03 -0800
Subject: scaffolding i18n

---
 docs/templates/pages/scaffolding.mustache | 134 +++++++++++++++---------------
 1 file changed, 67 insertions(+), 67 deletions(-)

(limited to 'docs')

diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache
index c586af1b9..7c0c12e8f 100644
--- a/docs/templates/pages/scaffolding.mustache
+++ b/docs/templates/pages/scaffolding.mustache
@@ -1,12 +1,12 @@
       
       
    
-        
    Scaffolding
    
-        
    Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.
    
+        
    {{_i}}Scaffolding{{/i}}
    
+        
    {{_i}}Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.{{/i}}
    
         
       
    
 
@@ -16,7 +16,7 @@
 ================================================== -->
 
    
   
    
-    
    Grid system 12 columns with a responsive twist
    
+    
    {{_i}}Grid system 12 columns with a responsive twist{{/i}}
    
   
    
 
   
    Default 940px grid
    
@@ -53,8 +53,8 @@
 
   
    
     
    
-      
    The default grid system provided as part of Bootstrap is a 940px-wide, 12-column grid.
    
-      
    It also has three responsive variations for various devices and resolutions: phone, tablet, and large widescreen desktops.
    
+      
    {{_i}}The default grid system provided as part of Bootstrap is a 940px-wide, 12-column grid.{{/i}}
    
+      
    {{_i}}It also has three responsive variations for various devices and resolutions: phone, tablet, and large widescreen desktops.{{/i}}
    
     
    
     
    
 
    @@ -65,7 +65,7 @@
 
    
     
    
     
    
-      
    As shown here, a basic layout can be created with two "columns," each spanning a number of the 12 foundational columns we defined as part of our grid system.
    
+      
    {{_i}}As shown here, a basic layout can be created with two "columns," each spanning a number of the 12 foundational columns we defined as part of our grid system.{{/i}}
    
     
    
   
    
 
@@ -84,20 +84,20 @@
 
   
    
 
-  
    Nesting columns
    
+  
    {{_i}}Nesting columns{{/i}}
    
   
    
     
    
-      
    With the static (non-fluid) grid system in Bootstrap, nesting is easy. To nest your content, just add a new .row and set of .span* columns within an existing .span* column.
    
-      
    Example
    
+      
    {{_i}}With the static (non-fluid) grid system in Bootstrap, nesting is easy. To nest your content, just add a new .row and set of .span* columns within an existing .span* column.{{/i}}
    
+      
    {{_i}}Example{{/i}}
    
       
    
         
    
-          Level 1 of column
+          {{_i}}Level 1 of column{{/i}}
           
    
             
    
-              Level 2
+              {{_i}}Level 2{{/i}}
             
    
             
    
-              Level 2
+              {{_i}}Level 2{{/i}}
             
    
           
    
         
    
@@ -107,10 +107,10 @@
 
     <div class="row">
   <div class="span12">
-    Level 1 of column
+    {{_i}}Level 1 of column{{/i}}
     <div class="row">
-      <div class="span6">Level 2</div>
-      <div class="span6">Level 2</div>
+      <div class="span6">{{_i}}Level 2{{/i}}</div>
+      <div class="span6">{{_i}}Level 2{{/i}}</div>
     </div>
   </div>
 </div>
@@ -118,50 +118,50 @@
     
    
   
    
 
-  
    Grid customization
    
+  
    {{_i}}Grid customization{{/i}}
    
   
-        
-        
-        
+        
+        
+        
-        
+        
-        
+        
-        
+        
-        
-        
+        
+        
    
     
       
    VariableDefault valueDescription{{_i}}Variable{{/i}}{{_i}}Default value{{/i}}{{_i}}Description{{/i}}
       
    
         
     
       
    
         @gridColumns
         12Number of columns{{_i}}Number of columns{{/i}}
       
    
       
    
         @gridColumnWidth
         60pxWidth of each column{{_i}}Width of each column{{/i}}
       
    
       
    
         @gridGutterWidth
         20pxNegative space between columns{{_i}}Negative space between columns{{/i}}
       
    
       
    
         @siteWidthComputed sum of all columns and guttersCounts number of columns and gutters to set width of the .fixed-container() mixin{{_i}}Computed sum of all columns and gutters{{/i}}{{_i}}Counts number of columns and gutters to set width of the .fixed-container() mixin{{/i}}
       
    
         
   
    
   
    
     
    
-      
    Variables in LESS
    
-      
    Built into Bootstrap are a handful of variables for customizing the default 940px grid system, documented above. All variables for the grid are stored in variables.less.
    
+      
    {{_i}}Variables in LESS{{/i}}
    
+      
    {{_i}}Built into Bootstrap are a handful of variables for customizing the default 940px grid system, documented above. All variables for the grid are stored in variables.less.{{/i}}
    
     
    
     
    
-      
    How to customize
    
-      
    Modifying the grid means changing the three @grid* variables and recompiling Bootstrap. Change the grids in the preboot.less file and use one of the four ways documented to recompile.
    
+      
    {{_i}}How to customize{{/i}}
    
+      
    {{_i}}Modifying the grid means changing the three @grid* variables and recompiling Bootstrap. Change the grids in the preboot.less file and use one of the four ways documented to recompile.{{/i}}
    
     
    
     
    
-      
    Staying responsive
    
-      
    Customization of the grid only works at the default level, the 940px grid. To maintain the responsive aspects of Bootstrap, you'll also have to customize the grids in responsive.less.
    
+      
    {{_i}}Staying responsive{{/i}}
    
+      
    {{_i}}Customization of the grid only works at the default level, the 940px grid. To maintain the responsive aspects of Bootstrap, you'll also have to customize the grids in responsive.less.{{/i}}
    
     
    
   
    
 
@@ -173,13 +173,13 @@
 ================================================== -->
 
    
   
    
-    
    Layouts Basic templates to create webpages
    
+    
    {{_i}}Layouts Basic templates to create webpages{{/i}}
    
   
    
 
   
    
     
    
-      
    Fixed layout
    
-      
    The default and simple 940px-wide, centered layout for just about any website or page provided by a single <div class="container">.
    
+      
    {{_i}}Fixed layout{{/i}}
    
+      
    {{_i}}The default and simple 940px-wide, centered layout for just about any website or page provided by a single <div class="container">.{{/i}}
    
       
    
         
    
       
    
@@ -192,8 +192,8 @@
 
     
    
     
    
-      
    Fluid layout
    
-      
    <div class="fluid-container"> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.
    
+      
    {{_i}}Fluid layout{{/i}}
    
+      
    {{_i}}<div class="fluid-container"> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.{{/i}}
    
       
    
         
    
         
    
@@ -221,7 +221,7 @@
 ================================================== -->
 
    
   
    
-    
    Responsive design Media queries for various devices and resolutions
    
+    
    {{_i}}Responsive design Media queries for various devices and resolutions{{/i}}
    
   
    
   
   
    
@@ -229,42 +229,42 @@
       Responsive devices
     
    
     
    
-      
    Supported devices
    
-      
    Bootstrap supports a handful of media queries to help make your projects more appropriate on different devices and screen resolutions. Here's what's included:
    
+      
    {{_i}}Supported devices{{/i}}
    
+      
    {{_i}}Bootstrap supports a handful of media queries to help make your projects more appropriate on different devices and screen resolutions. Here's what's included:{{/i}}
    
       
-            
-            
-            
-            
+            
+            
+            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
-            
+            
@@ -272,12 +272,12 @@
         
    
         
           
    LabelLayout widthColumn widthGutter width{{_i}}Label{{/i}}{{_i}}Layout width{{/i}}{{_i}}Column width{{/i}}{{_i}}Gutter width{{/i}}
           
    
             
         
           
    Smartphones{{_i}}Smartphones{{/i}}
             480px and belowFluid columns, no fixed widths{{_i}}Fluid columns, no fixed widths{{/i}}
           
    
           
    Portrait tablets{{_i}}Portrait tablets{{/i}}
             480px to 768pxFluid columns, no fixed widths{{_i}}Fluid columns, no fixed widths{{/i}}
           
    
           
    Landscape tablets{{_i}}Landscape tablets{{/i}}
             768px to 940px
             44px
             20px
           
    
           
    Default{{_i}}Default{{/i}}
             940px and up
             60px
             20px
           
    
           
    Large display{{_i}}Large display{{/i}}
             1210px and up
             70px
             30px
    
       
    
 
-      
    What they do
    
-      
    Media queries allow for custom CSS based on a number of conditions—ratios, widths, display type, etc—but usually focuses around min-width and max-width.
    
+      
    {{_i}}What they do{{/i}}
    
+      
    {{_i}}Media queries allow for custom CSS based on a number of conditions—ratios, widths, display type, etc—but usually focuses around min-width and max-width.{{/i}}
    
       
      
-        
    • Modify the width of column in our grid
      • 
-        
    • Stack elements instead of float wherever necessary
      • 
-        
    • Resize headings and text to be more appropriate for devices
      • 
+        
    • {{_i}}Modify the width of column in our grid{{/i}}
      • 
+        
    • {{_i}}Stack elements instead of float wherever necessary{{/i}}
      • 
+        
    • {{_i}}Resize headings and text to be more appropriate for devices{{/i}}
      • 
       
    
     
    
   
    
@@ -285,29 +285,29 @@
   
    
 
   
-  
    Using the media queries
    
+  
    {{_i}}Using the media queries{{/i}}
    
   
    
     
    
-      
    Bootstrap doesn't automatically include these media queries, but understanding and adding them is very easy and requires minimal setup. You have a few options for including the responsive features of Bootstrap:
    
+      
    {{_i}}Bootstrap doesn't automatically include these media queries, but understanding and adding them is very easy and requires minimal setup. You have a few options for including the responsive features of Bootstrap:{{/i}}
    
       
      
-        
    1. Use the compiled responsive version, bootstrap.reponsive.css
      2. 
-        
    2. Add @import "responsive.less" and recompile Bootstrap
      3. 
-        
    3. Compile responsive.less as a separate file and include that
      4. 
+        
    4. {{_i}}Use the compiled responsive version, bootstrap.reponsive.css{{/i}}
      5. 
+        
    5. {{_i}}Add @import "responsive.less" and recompile Bootstrap{{/i}}
      6. 
+        
    6. {{_i}}Compile responsive.less as a separate file and include that{{/i}}
      7. 
       
    
-      
    Why not just include it? Truth be told, not everything needs to be responsive. Instead of encouraging developers to remove this feature, we figure it best to enable it.
    
+      
    {{_i}}Why not just include it? Truth be told, not everything needs to be responsive. Instead of encouraging developers to remove this feature, we figure it best to enable it.{{/i}}
    
     
    
     
    
 
    -  // Landscape phones and down
+  // {{_i}}Landscape phones and down{{/i}}
   @media (max-width: 480px) { ... }
 
-  // Landscape phone to portrait tablet
+  // {{_i}}Landscape phone to portrait tablet{{/i}}
   @media (min-width: 480px) and (max-width: 768px) { ... }
 
-  // Portrait tablet to landscape and desktop
+  // {{_i}}Portrait tablet to landscape and desktop{{/i}}
   @media (min-width: 768px) and (max-width: 940px) { ... }
 
-  // Large desktop
+  // {{_i}}Large desktop{{/i}}
   @media (min-width: 1210px) { .. }
 
    
     
    
-- 
cgit v1.2.3


From f4543ecb19f41f93db94e56601e0a4132ea4828f Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Tue, 24 Jan 2012 14:14:01 -0800
Subject: add i18n to upgrading

---
 docs/templates/pages/upgrading.mustache | 74 ++++++++++++++++-----------------
 1 file changed, 37 insertions(+), 37 deletions(-)

(limited to 'docs')

diff --git a/docs/templates/pages/upgrading.mustache b/docs/templates/pages/upgrading.mustache
index 475539284..cc731eae1 100644
--- a/docs/templates/pages/upgrading.mustache
+++ b/docs/templates/pages/upgrading.mustache
@@ -1,78 +1,78 @@
       
       
    
-        
    Upgrading to Bootstrap 2
    
-        
    Learn about significant changes and additions since v1.4 with this handy guide.
    
+        
    {{_i}}Upgrading to Bootstrap 2{{/i}}
    
+        
    {{_i}}Learn about significant changes and additions since v1.4 with this handy guide.{{/i}}
    
       
    
 
 
 
    Rough outline
    
 
      
-  
    • Docs completely overhauled
+  
    • {{_i}}Docs completely overhauled{{/i}}
     
        
-      
      • Responsive thanks to new grid system
        • 
-      
      • Now less marketing and more information
        • 
-      
      • Extensive use of tables to share classes and elements of most components
        • 
-      
      • Broken down into several pages for easier consumption
        • 
+      
      • {{_i}}Responsive thanks to new grid system{{/i}}
        • 
+      
      • {{_i}}Now less marketing and more information{{/i}}
        • 
+      
      • {{_i}}Extensive use of tables to share classes and elements of most components{{/i}}
        • 
+      
      • {{_i}}Broken down into several pages for easier consumption{{/i}}
        • 
     
      
   
      • 
-  
    • Updated grid system, now only 12 columns
+  
    • {{_i}}Updated grid system, now only 12 columns{{/i}}
     
        
-      
      • Same great classes, but now only 12 columns
        • 
-      
      • Responsive approach means your projects virtually work out of the box on smartphones, tablets, and more
        • 
+      
      • {{_i}}Same great classes, but now only 12 columns{{/i}}
        • 
+      
      • {{_i}}Responsive approach means your projects virtually work out of the box on smartphones, tablets, and more{{/i}}
        • 
     
      
   
      • 
-  
    • New thumbnails (previously media grids)
+  
    • {{_i}}New thumbnails (previously media grids){{/i}}
     
        
-      
      • .media-grid class has been changed to .thumbnails
        • 
-      
      • Individual thumbnails now require .thumbnail class
        • 
+      
      • {{_i}}.media-grid class has been changed to .thumbnails{{/i}}
        • 
+      
      • {{_i}}Individual thumbnails now require .thumbnail class{{/i}}
        • 
     
      
   
      • 
-  
    • Updated forms
+  
    • {{_i}}Updated forms{{/i}}
     
        
-      
      • Default form style is now stacked to use less CSS and add flexibility
        • 
-      
      • Exact same markup is required for vertical or horizontal forms—just swap the classes
        • 
-      
      • New form defaults for search, inline, vertical, and horizontal
        • 
+      
      • {{_i}}Default form style is now stacked to use less CSS and add flexibility{{/i}}
        • 
+      
      • {{_i}}Exact same markup is required for vertical or horizontal forms—just swap the classes{{/i}}
        • 
+      
      • {{_i}}New form defaults for search, inline, vertical, and horizontal{{/i}}
        • 
     
      
   
      • 
   
    • Updated tables
     
        
-      
      • Table classes made more consistent
        • 
-      
      • Removed unused table color options (too much code for such little impact)
        • 
+      
      • {{_i}}Table classes made more consistent{{/i}}
        • 
+      
      • {{_i}}Removed unused table color options (too much code for such little impact){{/i}}
        • 
     
      
   
      • 
   
    • Typography
     
        
-      
      • Right-aligned option for blockquotes if float: right;
        • 
-      
      • h4 elements were dropped from 16px to 14px with a default line-height of 18px
        • 
-      
      • h5 elements were dropped from 14px to 12px
        • 
-      
      • h6 elements were dropped from 13px to 11px
        • 
+      
      • {{_i}}Right-aligned option for blockquotes if float: right;{{/i}}
        • 
+      
      • {{_i}}h4 elements were dropped from 16px to 14px with a default line-height of 18px{{/i}}
        • 
+      
      • {{_i}}h5 elements were dropped from 14px to 12px{{/i}}
        • 
+      
      • {{_i}}h6 elements were dropped from 13px to 11px{{/i}}
        • 
     
      
   
      • 
-  
    • Buttons
+  
    • {{_i}}Buttons{{/i}}
     
        
-      
      • Added button bar options
        • 
+      
      • {{_i}}Added button bar options{{/i}}
        • 
     
      
   
      • 
-  
    • Examples
+  
    • {{_i}}Examples{{/i}}
     
        
-      
      • Fluid examples redone. .fluid-container now requires a .sidebar-left or .sidebar-right as well. Fluid sidebar element has a new class, .fluid-sidebar.
        • 
+      
      • {{_i}}Fluid examples redone. .fluid-container now requires a .sidebar-left or .sidebar-right as well. Fluid sidebar element has a new class, .fluid-sidebar.{{/i}}
        • 
     
      
   
      • 
-  
    • Dropdown menus
+  
    • {{_i}}Dropdown menus{{/i}}
     
        
-      
      • Updated the .dropdown-menu to tighten up spacing
        • 
-      
      • Now requires you to add a <span class="caret"></span> to show the dropdown arrow
        • 
-      
      • The navbar (fixed topbar) has brand new dropdowns. Gone are the dark versions and in their place are the standard white ones with an additional caret at their tops for clarity of position.
        • 
+      
      • {{_i}}Updated the .dropdown-menu to tighten up spacing{{/i}}
        • 
+      
      • {{_i}}Now requires you to add a <span class="caret"></span> to show the dropdown arrow{{/i}}
        • 
+      
      • {{_i}}The navbar (fixed topbar) has brand new dropdowns. Gone are the dark versions and in their place are the standard white ones with an additional caret at their tops for clarity of position.{{/i}}
        • 
     
      
   
      • 
-  
    • Navigation
+  
    • {{_i}}Navigation{{/i}}
     
        
-      
      • Tabs and pills now require the use of a new base class, .nav, on their <ul>
        • 
-      
      • New nav list component added that uses the same base class, .nav
        • 
-      
      • Vertical tabs and pills have been added—just add .stacked to the <ul>
        • 
-      
      • Pills were restyled to be less rounded by default
        • 
-      
      • Pills now have dropdown menu support (they share the same markup and styles as tabs)
        • 
+      
      • {{_i}}Tabs and pills now require the use of a new base class, .nav, on their <ul>{{/i}}
        • 
+      
      • {{_i}}New nav list component added that uses the same base class, .nav{{/i}}
        • 
+      
      • {{_i}}Vertical tabs and pills have been added—just add .stacked to the <ul><{{/i}}/li>
+      
      • {{_i}}Pills were restyled to be less rounded by default{{/i}}
        • 
+      
      • {{_i}}Pills now have dropdown menu support (they share the same markup and styles as tabs){{/i}}
        • 
     
      
   
      • 
 
    
-- 
cgit v1.2.3


From a800d6ceac11eb834295567c20e890abf88c64af Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Tue, 24 Jan 2012 14:22:02 -0800
Subject: i18n index

---
 docs/index.html                     |   2 +-
 docs/templates/pages/index.mustache | 106 ++++++++++++++++++------------------
 2 files changed, 54 insertions(+), 54 deletions(-)

(limited to 'docs')

diff --git a/docs/index.html b/docs/index.html
index 1743676b6..d0c0bcae6 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -136,7 +136,7 @@
             
           
 
-          
    Designed for everyone, everywhere.
    
+          
           
    Need reasons to love Bootstrap? Look no further.
    
           
    
             
    
diff --git a/docs/templates/pages/index.mustache b/docs/templates/pages/index.mustache
index 8927bc640..1e77d4a25 100644
--- a/docs/templates/pages/index.mustache
+++ b/docs/templates/pages/index.mustache
@@ -4,34 +4,34 @@
         ================================================== -->
         
    
           
    
-            
    Bootstrap,
     from Twitter
    
-            
    Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, featuring HTML, CSS, and JS for dozens of base elements and common design components.
    
+            
    {{_i}}Bootstrap,
     from Twitter{{/i}}
    
+            
    {{_i}}Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, featuring HTML, CSS, and JS for dozens of base elements and common design components.{{/i}}
    
             
    
-              Download on GitHub
-              Get started →
+              {{_i}}Download on GitHub{{/i}}
+              {{_i}}Get started →{{/i}}
             
    
 
             
    
-              
    Feature highlights
    
+              
    {{_i}}Feature highlights{{/i}}
    
               
      
-                
    • × Built on LESS
      • 
-                
    • × Complete styleguide docs
      • 
-                
    • × Fully responsive design
      • 
-                
    • × Small footprint (7kb gzipped)
      • 
-                
    • × Support for IE7 and up
      • 
-                
    • × Custom jQuery plugins
      • 
-                
    • × Dozens of components
      • 
+                
    • {{_i}}× Built on LESS{{/i}}
      • 
+                
    • {{_i}}× Complete styleguide docs{{/i}}
      • 
+                
    • {{_i}}× Fully responsive design{{/i}}
      • 
+                
    • {{_i}}× Small footprint (7kb gzipped){{/i}}
      • 
+                
    • {{_i}}× Support for IE7 and up{{/i}}
      • 
+                
    • {{_i}}× Custom jQuery plugins{{/i}}
      • 
+                
    • {{_i}}× Dozens of components{{/i}}
      • 
               
    
             
    
           
    
         
    
 
         
    
 
-      
    
-        
    
-          
    Visuals
    
-        
    
-        
    
-          
-            
-              
-                
-                
-                
-              
-            
-          
    @primaryButtonColor@blue
    
-        
    
-      
    
 
 
       
-      
    
-        
    {{_i}}Built with LESS{{/i}}
    
-      
    
-      
    
-        
    
-          
    {{_i}}Why LESS?{{/i}}
    
-          
    {{_i}}Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.{{/i}}
    
-        
    
-        
    
-          
    {{_i}}What's included?{{/i}}
    
-          
    {{_i}}As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.{{/i}}
    
-        
    
-        
    
-          
    {{_i}}Learn more{{/i}}
    
-          LESS CSS
-          
    {{_i}}Visit the official website at http://lesscss.org to learn more.{{/i}}
    
-        
    
-      
    
-      
    
-        
    
-          
    {{_i}}Variables{{/i}}
    
-          
    {{_i}}Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though—assign colors or pixel values as variables and change them once.{{/i}}
    
+      
    
+        
    
+          
    {{_i}}Built with LESS{{/i}}
    
         
    
-        
    
-          
    {{_i}}Mixins{{/i}}
    
-          
    {{_i}}Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.{{/i}}
    
+        
    
+          
    
+            
    {{_i}}Why LESS?{{/i}}
    
+            
    {{_i}}Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.{{/i}}
    
+          
    
+          
    
+            
    {{_i}}What's included?{{/i}}
    
+            
    {{_i}}As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.{{/i}}
    
+          
    
+          
    
+            
    {{_i}}Learn more{{/i}}
    
+            LESS CSS
+            
    {{_i}}Visit the official website at http://lesscss.org to learn more.{{/i}}
    
+          
    
         
    
-        
    
-          
    {{_i}}Operations{{/i}}
    
-          
    {{_i}}Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.{{/i}}
    
+        
    
+          
    
+            
    {{_i}}Variables{{/i}}
    
+            
    {{_i}}Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though—assign colors or pixel values as variables and change them once.{{/i}}
    
+          
    
+          
    
+            
    {{_i}}Mixins{{/i}}
    
+            
    {{_i}}Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.{{/i}}
    
+          
    
+          
    
+            
    {{_i}}Operations{{/i}}
    
+            
    {{_i}}Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.{{/i}}
    
+          
    
         
    
-      
    
+      
    
 
 
 
       
-      
    
-        
    {{_i}}Variables from variables.less{{/i}}
    
-      
    
-
-          
    {{_i}}Hyperlinks{{/i}}
    
-          
-            
-              
-                
-                
-                
-              
-            
-            
-              
-                
-                
-                
-              
-              
-                
-                
-                
-              
-            
-          
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}{{_i}}Usage{{/i}}
    @linkColor#0069d6{{_i}}Default link text color{{/i}}
    @linkColorHoverdarken(@linkColor, 15){{_i}}Default link text hover color{{/i}}
    
-
-      
    
-        
    
-          
    {{_i}}Grayscale colors{{/i}}
    
-          
-            
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-            
-          
    @black#000
    @grayDarklighten(@black, 25%)
    @graylighten(@black, 50%)
    @grayLightlighten(@black, 75%)
    @grayLighterlighten(@black, 90%)
    @white#fff
    
+      
    
+        
    
+          
    {{_i}}Variables from variables.less{{/i}}
    
         
    
-        
    
-          
    {{_i}}Accent colors{{/i}}
    
-          
-            
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-            
-          
    @blue#049CDB
    @green#46a546
    @red#9d261d
    @yellow#ffc40d
    @orange#f89406
    @pink#c3325f
    @purple#7a43b6
    
-        
    
-      
    
 
-      
    
-        
    
-          
    {{_i}}Grid system{{/i}}
    
-          
-            
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-            
-          
    @gridColumns12
    @gridColumnWidth60px
    @gridGutterWidth20px
    @siteWidth(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))
    
-        
    
-        
    
-          
    {{_i}}Typography{{/i}}
    
-          
-            
-              
-                
-                
-              
-              
-                
-                
-                
-              
-              
-                
-                
-              
-            
-          
    @baseFontSize13px
    @baseFontFamily"Helvetica Neue", Helvetica, Arial, sans-serif
    @baseLineHeight18px
    
-        
    
-      
    
+        
    {{_i}}Hyperlinks{{/i}}
    
+        
+          
+            
+              
+              
+              
+            
+          
+          
+            
+              
+              
+              
+            
+            
+              
+              
+              
+            
+          
+        
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}{{_i}}Usage{{/i}}
    @linkColor#08c{{_i}}Default link text color{{/i}}
    @linkColorHoverdarken(@linkColor, 15%){{_i}}Default link text hover color{{/i}}
    
+
+        
    
+          
    
+            
    {{_i}}Grayscale colors{{/i}}
    
+            
+              
+                
+                  
+                  
+                
+              
+              
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+              
+            
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}
    @black#000
    @grayDarker#222
    @grayDark#333
    @gray#555
    @grayLight#999
    @grayLighter#eee
    @white#fff
    
+          
    
+          
    
+            
    {{_i}}Accent colors{{/i}}
    
+            
+              
+                
+                  
+                  
+                
+              
+              
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+              
+            
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}
    @blue#049cdb
    @green#46a546
    @red#9d261d
    @yellow#ffc40d
    @orange#f89406
    @pink#c3325f
    @purple#7a43b6
    
+          
    
+        
     
+        
    
+          
    
+            
    {{_i}}Grid system{{/i}}
    
+            
+              
+                
+                  
+                  
+                
+              
+              
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+              
+            
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}
    @gridColumns12
    @gridColumnWidth60px
    @gridGutterWidth20px
    @siteWidth(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))
    
+          
    
+          
    
+            
    {{_i}}Typography{{/i}}
    
+            
+              
+                
+                  
+                  
+                
+              
+              
+                
+                  
+                  
+                
+                
+                  
+                  
+                  
+                
+                
+                  
+                  
+                
+              
+            
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}
    @baseFontSize13px
    @baseFontFamily"Helvetica Neue", Helvetica, Arial, sans-serif
    @baseLineHeight18px
    
+          
    
+        
     
+        
    
+          
    
+            
    {{_i}}Visuals{{/i}}
    
+          
    
+          
    
+            
+              
+                
+                  
+                  
+                  
+                
+              
+            
    @primaryButtonColor@blue
    
+          
    
+        
     
+      
    
 
-      
    
-        
    
-          
    {{_i}}Visuals{{/i}}
    
-        
    
-        
    
-          
-            
-              
-                
-                
-                
-              
-            
-          
    @primaryButtonColor@blue
    
-        
    
-      
    
 
 
       
-        
    
-          
    
-            
    Visuals
    
-          
    
-          
    
-            
-              
-                
-                  
-                  
-                  
-                
-              
-            
    @primaryButtonColor@blue
    
-          
    
-        
     
+
+        
    Components
    
+        
+          
+            
+              
+            
+          
+          
+            
+              
+              
+            
+          
+          
+          
+            
+              
+            
+          
+          
+            
+              
+              
+            
+          
+
+          
+            
+              
+            
+          
+          
+            
+              
+              
+            
+            
+              
+              
+            
+            
+              
+              
+            
+          
+        
    Buttons
    @primaryButtonColor@blue
    Buttons
    @placeholderText@grayLight
    Navbars
    @navbarHeight40px
    @navbarBackground@grayDarker
    @navbarBackgroundHighlight@grayDark
    
+
       
    
 
 
diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index 8adc7874f..141000c7c 100644
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -99,23 +99,23 @@
                 
                 
                   @grayDarker
-                  #222
+                  #222
                 
                 
                   @grayDark
-                  #333
+                  #333
                 
                 
                   @gray
-                  #555
+                  #555
                 
                 
                   @grayLight
-                  #999
+                  #999
                 
                 
                   @grayLighter
-                  #eee
+                  #eee
                 
                 
                   @white
@@ -223,22 +223,66 @@
             
           
          
-        
    
-          
    
-            
    {{_i}}Visuals{{/i}}
    
-          
    
-          
    
-            
-              
-                
-                  
-                  
-                  
-                
-              
-            
    @primaryButtonColor@blue
    
-          
    
-        
     
+
+        
    {{_i}}Components{{/i}}
    
+        
+          
+            
+              
+            
+          
+          
+            
+              
+              
+            
+          
+
+          
+            
+              
+            
+          
+          
+            
+              
+              
+            
+          
+
+          
+            
+              
+            
+          
+          
+            
+              
+              
+            
+            
+              
+              
+            
+            
+              
+              
+            
+          
+          
+          
+            
+              
+            
+          
+          
+            
+              
+              
+            
+          
+        
    {{_i}}Buttons{{/i}}
    @primaryButtonColor@blue
    {{_i}}Buttons{{/i}}
    @placeholderText@grayLight
    {{_i}}Navbars{{/i}}
    @navbarHeight40px
    @navbarBackground@grayDarker
    @navbarBackgroundHighlight@grayDark
    {{_i}}Buttons{{/i}}
    @placeholderText@grayLight
    
+
       
    
 
 
-- 
cgit v1.2.3


From a40d4993ed0a947083b7e85cf7772492d613afc8 Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Tue, 24 Jan 2012 17:13:02 -0800
Subject: make subnav fix

---
 docs/assets/css/docs.css      |  6 ++++++
 docs/assets/js/application.js | 21 +++++++++++++++++++++
 2 files changed, 27 insertions(+)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index d78cea2b1..4ab353069 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -165,6 +165,12 @@ section {
   border-right: 0;
 }
 
+.subhead .subnav-fixed {
+  position: fixed;
+  top: 40px;
+  z-index:1000;
+}
+
 
 /* Quick links
 -------------------------------------------------- */
diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js
index 95caa0f31..4b7efe53f 100644
--- a/docs/assets/js/application.js
+++ b/docs/assets/js/application.js
@@ -116,6 +116,27 @@ $(function(){
     })
   })
 
+  // fix sub nav playa
+  var $win = $(window)
+    , $nav = $('.subhead .nav')
+    , navTop = $('.subhead .nav').offset().top - 40
+    , isFixed = 0
+
+  processScroll()
+
+  $win.on('scroll', processScroll)
+
+  function processScroll() {
+    var i, scrollTop = $win.scrollTop()
+    if (scrollTop >= navTop && !isFixed) {
+      isFixed = 1
+      $nav.addClass('subnav-fixed')
+    } else if (scrollTop <= navTop && isFixed) {
+      isFixed = 0
+      $nav.removeClass('subnav-fixed')
+    }
+  }
+
 })
 
 // JS for javascript demos
-- 
cgit v1.2.3


From 805a965f2e7373db42d99376d4dc3c1ca9ea509d Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 17:14:19 -0800
Subject: finish updating form state and alert variables in less docs page

---
 docs/assets/css/docs.css           |   2 +
 docs/less.html                     | 143 +++++++++++++++++++++++-----------
 docs/templates/pages/less.mustache | 155 +++++++++++++++++++++++--------------
 3 files changed, 198 insertions(+), 102 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index d78cea2b1..956eff246 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -417,6 +417,8 @@ pre.prettyprint {
 
 /* Make tables spaced out a bit more */
 h2 + table,
+h3 + table,
+h4 + table,
 h2 + .row {
   margin-top: 5px;
 }
diff --git a/docs/less.html b/docs/less.html
index dfa0739a7..c9e447382 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -58,6 +58,10 @@
 
     
    
 
+      
    
+        Heads up! This page is still under construction and is missing plenty of documentation. Hang tight!
+      
    
+
       
       
    
@@ -285,51 +289,100 @@
         
     
 
         
    Components
    
-        
-          
-            
-              
-            
-          
-          
-            
-              
-              
-            
-          
-          
-          
-            
-              
-            
-          
-          
-            
-              
-              
-            
-          
-
-          
-            
-              
-            
-          
-          
-            
-              
-              
-            
-            
-              
-              
-            
-            
-              
-              
-            
-          
-        
    Buttons
    @primaryButtonColor@blue
    Buttons
    @placeholderText@grayLight
    Navbars
    @navbarHeight40px
    @navbarBackground@grayDarker
    @navbarBackgroundHighlight@grayDark
    
+        
    
+          
    
+            
    Buttons
    
+            
+              
+                
+                  
+                  
+                
+              
+            
    @primaryButtonColor@blue
    
+            
    Forms
    
+            
+              
+                
+                  
+                  
+                
+              
+            
    @placeholderText@grayLight
    
+            
    Navbar
    
+            
+              
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+              
+            
    @navbarHeight40px
    @navbarBackground@grayDarker
    @navbarBackgroundHighlight@grayDark
    
+          
    
+          
    
+            
    Form states and alerts
    
+            
+              
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+              
+            
    @warningText#f3edd2
    @warningBackground#c09853
    @warningBorder#f3edd2
    @errorText#b94a48
    @errorBackground#f2dede
    @errorBorder#e9c7c7
    @successText#468847
    @successBackground#dff0d8
    @successBorder#cfe8c4
    @infoText#3a87ad
    @infoBackground#d9edf7
    @infoBorder#bfe1f2
    
+          
    
+        
    
 
       
 
diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index 141000c7c..580fac2f6 100644
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -1,3 +1,7 @@
+      
    
+        Heads up! This page is still under construction and is missing plenty of documentation. Hang tight!
+      
    
+
       
       
    
@@ -225,63 +229,100 @@
          
 
         
    {{_i}}Components{{/i}}
    
-        
-          
-            
-              
-            
-          
-          
-            
-              
-              
-            
-          
-
-          
-            
-              
-            
-          
-          
-            
-              
-              
-            
-          
-
-          
-            
-              
-            
-          
-          
-            
-              
-              
-            
-            
-              
-              
-            
-            
-              
-              
-            
-          
-          
-          
-            
-              
-            
-          
-          
-            
-              
-              
-            
-          
-        
    {{_i}}Buttons{{/i}}
    @primaryButtonColor@blue
    {{_i}}Buttons{{/i}}
    @placeholderText@grayLight
    {{_i}}Navbars{{/i}}
    @navbarHeight40px
    @navbarBackground@grayDarker
    @navbarBackgroundHighlight@grayDark
    {{_i}}Buttons{{/i}}
    @placeholderText@grayLight
    
+        
    
+          
    
+            
    Buttons
    
+            
+              
+                
+                  
+                  
+                
+              
+            
    @primaryButtonColor@blue
    
+            
    Forms
    
+            
+              
+                
+                  
+                  
+                
+              
+            
    @placeholderText@grayLight
    
+            
    Navbar
    
+            
+              
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+              
+            
    @navbarHeight40px
    @navbarBackground@grayDarker
    @navbarBackgroundHighlight@grayDark
    
+          
    
+          
    
+            
    Form states and alerts
    
+            
+              
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+              
+            
    @warningText#f3edd2
    @warningBackground#c09853
    @warningBorder#f3edd2
    @errorText#b94a48
    @errorBackground#f2dede
    @errorBorder#e9c7c7
    @successText#468847
    @successBackground#dff0d8
    @successBorder#cfe8c4
    @infoText#3a87ad
    @infoBackground#d9edf7
    @infoBorder#bfe1f2
    
+          
    
+        
    
 
       
 
-- 
cgit v1.2.3


From 26ed8202ee270ce8b103491613fb2f5053472a70 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 18:24:38 -0800
Subject: modify the scaffolding page to fix the language around preboot/grid
 variables

---
 docs/assets/css/docs.css                  | 3 ++-
 docs/templates/pages/scaffolding.mustache | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index d5192ca55..ac48c6e2b 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -168,7 +168,8 @@ section {
 .subhead .subnav-fixed {
   position: fixed;
   top: 40px;
-  z-index:1000;
+  z-index: 1030;
+  width: 938px;
 }
 
 
diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache
index 7c0c12e8f..a8638f273 100644
--- a/docs/templates/pages/scaffolding.mustache
+++ b/docs/templates/pages/scaffolding.mustache
@@ -157,7 +157,7 @@
     
     
    
       
    {{_i}}How to customize{{/i}}
    
-      
    {{_i}}Modifying the grid means changing the three @grid* variables and recompiling Bootstrap. Change the grids in the preboot.less file and use one of the four ways documented to recompile.{{/i}}
    
+      
    {{_i}}Modifying the grid means changing the three @grid* variables and recompiling Bootstrap. Change the grid variables in variables.less and use one of the four ways documented to recompile. If you're adding more columns, be sure to add the CSS for those in grid.less.{{/i}}
    
     
    
     
    
       
    {{_i}}Staying responsive{{/i}}
    
-- 
cgit v1.2.3


From 9ef4171d03e048ee9458fb7a1db83ea61bf845c2 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 18:26:45 -0800
Subject: lighten alert on less page

---
 docs/less.html                     | 2 +-
 docs/scaffolding.html              | 2 +-
 docs/templates/pages/less.mustache | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'docs')

diff --git a/docs/less.html b/docs/less.html
index c9e447382..c8c1540b5 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -58,7 +58,7 @@
 
     
    
 
-      
    
+      
    
         Heads up! This page is still under construction and is missing plenty of documentation. Hang tight!
       
    
 
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index 2684e32ec..1fd8363ae 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -217,7 +217,7 @@
     
    
     
    
       
    How to customize
    
-      
    Modifying the grid means changing the three @grid* variables and recompiling Bootstrap. Change the grids in the preboot.less file and use one of the four ways documented to recompile.
    
+      
    Modifying the grid means changing the three @grid* variables and recompiling Bootstrap. Change the grid variables in variables.less and use one of the four ways documented to recompile. If you're adding more columns, be sure to add the CSS for those in grid.less.
    
     
    
     
    
       
    Staying responsive
    
diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index 580fac2f6..b5cff2d11 100644
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -1,4 +1,4 @@
-      
    
+      
    
         Heads up! This page is still under construction and is missing plenty of documentation. Hang tight!
       
    
 
-- 
cgit v1.2.3


From d3622235359c08f65d5396ee01523c7f7d8901b1 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 18:29:17 -0800
Subject: refine fixed docs bar

---
 docs/assets/css/docs.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index ac48c6e2b..dd723800b 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -170,6 +170,12 @@ section {
   top: 40px;
   z-index: 1030;
   width: 938px;
+  -webkit-border-radius: 0 0 4px 4px;
+     -moz-border-radius: 0 0 4px 4px;
+          border-radius: 0 0 4px 4px;
+  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.05);
+     -moz-box-shadow: 0 1px 5px rgba(0,0,0,.05);
+          box-shadow: 0 1px 5px rgba(0,0,0,.05);
 }
 
 
@@ -565,6 +571,13 @@ form.well {
   .subhead .nav li + li a {
     border-top: 1px solid #eee;
   }
+  .subhead .subnav-fixed {
+    position: static;
+    top: auto;
+    z-index: auto;
+    width: auto;
+  }
+
 
   /* Don't space out quick links so much */
   .quick-links {
-- 
cgit v1.2.3


From 880486089888fbba04ed12083ad038ae38494fd1 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 18:45:23 -0800
Subject: fix typo on js docs

---
 docs/javascript.html                     | 2 +-
 docs/templates/pages/javascript.mustache | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'docs')

diff --git a/docs/javascript.html b/docs/javascript.html
index a35c29913..06aba5156 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -1166,7 +1166,7 @@ $('#myCollapsible').collapse({
             
             
              
-               show/td>
+               show
                This event fires immediately when the show instance method is called.
              
              
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index 763fe8aa1..97e6da9ef 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -1106,7 +1106,7 @@ $('#myCollapsible').collapse({
             
             
              
-               {{_i}}show{{/i}}/td>
+               {{_i}}show{{/i}}
                {{_i}}This event fires immediately when the show instance method is called.{{/i}}
              
              
-- 
cgit v1.2.3


From f70895a6059aab44c53048b0294204d2f53dfd65 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 19:01:38 -0800
Subject: remove rogue html elements

---
 docs/javascript.html                     | 6 ++----
 docs/templates/pages/javascript.mustache | 6 ++----
 2 files changed, 4 insertions(+), 8 deletions(-)

(limited to 'docs')

diff --git a/docs/javascript.html b/docs/javascript.html
index 06aba5156..472285cc9 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -646,7 +646,6 @@ $('#myModal').on('hidden', function () {
     $('.tabs a:last').tab('show')
   })
 </script>
-          
    
           
    Events
    
           
@@ -753,7 +752,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
              
    
             
             
           
    
-          
    Notice Individual tooltip instance options can alternatively be specified through the use of data attributes.
    
+          
    Notice Individual tooltip instance options can alternatively be specified through the use of data attributes.
    
           
    Markup
    
           
    For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.
    
           
    Methods
    
@@ -853,7 +852,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
              
             
           
-          
    Notice Individual popover instance options can alternatively be specified through the use of data attributes.
    
+          
    Notice Individual popover instance options can alternatively be specified through the use of data attributes.
    
           
    Markup
    
           
    
           For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a the selector option.
@@ -1310,7 +1309,6 @@ $('.myCarousel').carousel({
                slid
                This event is fired when the carousel has completed it's slide transition.
              
-             
             
           
         
    
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index 97e6da9ef..9fd431f2f 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -586,7 +586,6 @@ $('#myModal').on('hidden', function () {
     $('.tabs a:last').tab('show')
   })
 </script>
-          
    
           
    {{_i}}Events{{/i}}
    
           
@@ -693,7 +692,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
              
    
             
             
           
    
-          
    {{_i}}Notice Individual tooltip instance options can alternatively be specified through the use of data attributes.{{/i}}
    
+          
    {{_i}}Notice Individual tooltip instance options can alternatively be specified through the use of data attributes.{{/i}}
    
           
    {{_i}}Markup{{/i}}
    
           
    {{_i}}For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.{{/i}}
    
           
    {{_i}}Methods{{/i}}
    
@@ -793,7 +792,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
              
             
           
-          
    {{_i}}Notice Individual popover instance options can alternatively be specified through the use of data attributes.{{/i}}
    
+          
    {{_i}}Notice Individual popover instance options can alternatively be specified through the use of data attributes.{{/i}}
    
           
    {{_i}}Markup{{/i}}
    
           
    
           {{_i}}For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a the selector option.{{/i}}
@@ -1250,7 +1249,6 @@ $('.myCarousel').carousel({
                {{_i}}slid{{/i}}
                {{_i}}This event is fired when the carousel has completed it's slide transition.{{/i}}
              
-             
             
           
         
    
-- 
cgit v1.2.3


From 672ba4c2fd9a42d4f178e795ebc162cce81bbc2f Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 19:19:50 -0800
Subject: update the subnav on all pages

---
 docs/assets/css/docs.css                  |  40 +++--
 docs/assets/js/application.js             |   4 +-
 docs/base-css.html                        |  16 +-
 docs/components.html                      | 263 +++++++++++++++---------------
 docs/javascript.html                      |  30 ++--
 docs/less.html                            |  14 +-
 docs/scaffolding.html                     |  12 +-
 docs/templates/pages/base-css.mustache    |  16 +-
 docs/templates/pages/components.mustache  | 263 +++++++++++++++---------------
 docs/templates/pages/javascript.mustache  |  30 ++--
 docs/templates/pages/less.mustache        |  14 +-
 docs/templates/pages/scaffolding.mustache |  12 +-
 12 files changed, 370 insertions(+), 344 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index dd723800b..776ca58b9 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -125,7 +125,9 @@ section {
 }
 
 /* Subnav */
-.subhead .nav {
+.subnav {
+  width: 100%;
+  height: 36px;
   background-color: #eeeeee; /* Old browsers */
   background-repeat: repeat-x; /* Repeat the gradient */
   background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
@@ -138,23 +140,30 @@ section {
   border: 1px solid #e5e5e5;
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
-          border-radius: 4px;
+          border-radius: 4px;  
+}
+.subhead .nav {
 }
 .subhead .nav a {
   margin: 0;
   padding-top: 11px;
   padding-bottom: 11px;
   font-size: 13px;
+  color: #777;
   border-left: 1px solid #f5f5f5;
   border-right: 1px solid #e5e5e5;
   -webkit-border-radius: 0;
      -moz-border-radius: 0;
           border-radius: 0;
 }
+.subhead .nav a:hover,
 .subhead .nav .active a {
-  background-color: #fff;
+  background-color: transparent;
   color: #333;
 }
+.subhead .nav .active a {
+  background-color: #eee;
+}
 .subhead .nav li:first-child a {
   border-left: 0;
   -webkit-border-radius: 4px 0 0 4px;
@@ -165,17 +174,24 @@ section {
   border-right: 0;
 }
 
-.subhead .subnav-fixed {
+.subnav-fixed {
   position: fixed;
   top: 40px;
+  left: 0;
+  right: 0;
   z-index: 1030;
-  width: 938px;
-  -webkit-border-radius: 0 0 4px 4px;
-     -moz-border-radius: 0 0 4px 4px;
-          border-radius: 0 0 4px 4px;
-  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.05);
-     -moz-box-shadow: 0 1px 5px rgba(0,0,0,.05);
-          box-shadow: 0 1px 5px rgba(0,0,0,.05);
+  border-color: #d5d5d5;
+  border-width: 0 0 1px; /* drop the border on the fixed edges */
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+  -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
+     -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
+          box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
+}
+.subnav-fixed .nav {
+  width: 940px;
+  margin: 0 auto;
 }
 
 
@@ -438,7 +454,7 @@ h2 + .row {
 
 /* Example sites showcase */
 .example-sites img {
-  max-width: 290px;
+  max-width: 100%;
 }
 .marketing-byline {
   margin: -18px 0 27px;
diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js
index 4b7efe53f..0252d75e9 100644
--- a/docs/assets/js/application.js
+++ b/docs/assets/js/application.js
@@ -118,8 +118,8 @@ $(function(){
 
   // fix sub nav playa
   var $win = $(window)
-    , $nav = $('.subhead .nav')
-    , navTop = $('.subhead .nav').offset().top - 40
+    , $nav = $('.subnav')
+    , navTop = $('.subnav').offset().top - 40
     , isFixed = 0
 
   processScroll()
diff --git a/docs/base-css.html b/docs/base-css.html
index bcb0c7d21..c849a299e 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -63,13 +63,15 @@
 
    
   
    Base CSS
    
   
    On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.
    
-  
+  
    
+    
+  
    
 
    
 
 
diff --git a/docs/components.html b/docs/components.html
index 9d28b9e06..50c615fb9 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -58,11 +58,12 @@
 
     
    
 
-  
-  
    
-    
    Components
    
-    
    Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.
    
+
+
    
+  
    Components
    
+  
    Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.
    
+  
    
     
-  
    
+  
    
+
    
 
 
 
-  
-  
    
-    
    
-      
    Button groups Join buttons for more toolbar-like functionality
    
-    
    
-    
    
-      
    
-        
    Button groups
    
-        
    Use button groups to join multiple buttons together as one composite component. Build them with a series of <a> or <button> elements.
    
-        
    You can also combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex projects.
    
-        
    
+
+
    
+  
    
+    
    Button groups Join buttons for more toolbar-like functionality
    
+  
    
+  
    
+    
    
+      
    Button groups
    
+      
    Use button groups to join multiple buttons together as one composite component. Build them with a series of <a> or <button> elements.
    
+      
    You can also combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex projects.
    
+      
    
+        
    
+          Left
+          Middle
+          Right
+        
    
+      
    
+      
    
+        
    
           
    
-            Left
-            Middle
-            Right
+            1
+            2
+            3
+            4
           
    
-        
    
-        
    
-          
    
-            
    
-              1
-              2
-              3
-              4
-            
    
-            
    
-              5
-              6
-              7
-            
    
-            
    
-              8
-            
    
+          
    
+            5
+            6
+            7
+          
    
+          
    
+            8
           
    
         
    
-
       
    
-      
    
-        
    Example markup
    
-        
    Here's how the HTML looks for a standard button group built with anchor tag buttons:
    
+
+    
    
+    
    
+      
    Example markup
    
+      
    Here's how the HTML looks for a standard button group built with anchor tag buttons:
    
 
     <div class="btn-group">
   <a class="btn" href="#">1</a>
@@ -134,95 +136,95 @@
   </div>
 </div>
 
    
-      
    
-      
    
-        
    Checkbox and radio flavors
    
-        
    Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View the Javascript docs for that.
    
-        
    Get the javascript »
    
-        
    
-        
    Heads up
    
-        
    CSS for button groups is in a separate file, button-groups.less.
    
-      
    
     
    
-  
    
+    
    
+      
    Checkbox and radio flavors
    
+      
    Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View the Javascript docs for that.
    
+      
    Get the javascript »
    
+      
    
+      
    Heads up
    
+      
    CSS for button groups is in a separate file, button-groups.less.
    
+    
    
+  
    
+
    
 
 
 
-  
-  
    
-    
    
-      
    Split button dropdowns Built on button groups to provide contextual menus
    
+
+
    
+  
    
+    
    Split button dropdowns Built on button groups to provide contextual menus
    
+  
    
+  
    
+    
    
+      
    Split button dropdowns
    
+      
    Building on the button group styles and markup, we can easily create a split button. Split buttons feature a standard action on the left and a dropdown toggle on the right with contextual links.
    
+      
    
+        
    
+          
    
+            Action
+            
+            
+          
    
+          
    
+            Action
+            
+            
+          
    
+          
    
+            Danger
+            
+            
+          
    
+        
    
+        
    
+          
    
+            Success
+            
+            
+          
    
+          
    
+            Info
+            
+            
+          
    
+        
    
+      
     
     
    
-    
    
-      
    
-        
    Split button dropdowns
    
-        
    Building on the button group styles and markup, we can easily create a split button. Split buttons feature a standard action on the left and a dropdown toggle on the right with contextual links.
    
-        
    
-          
    
-            
    
-              Action
-              
-              
-            
    
-            
    
-              Action
-              
-              
-            
    
-            
    
-              Danger
-              
-              
-            
    
-          
    
-          
    
-            
    
-              Success
-              
-              
-            
    
-            
    
-              Info
-              
-              
-            
    
-          
    
-        
     
-      
    
-      
    
-        
    Example markup
    
-        
    Similar to a button group, our markup uses regular button markup, but with a handful of additions to refine the style and support Bootstrap's dropdown jQuery plugin.
    
+    
    
+      
    Example markup
    
+      
    Similar to a button group, our markup uses regular button markup, but with a handful of additions to refine the style and support Bootstrap's dropdown jQuery plugin.
    
 
     <div class="btn-group">
   <a class="btn" href="#">Action</a>
@@ -234,9 +236,9 @@
   </ul>
 </div>
 
    
-      
    
     
    
-  
    
+  
    
+
    
 
 
 
@@ -528,11 +530,6 @@
 
   
    Tabbable in any direction
    
   
    
-
     
    
       
    Tabs on the bottom
    
       
    Flip the order of the HTML and add a class to put tabs on the bottom.
    
diff --git a/docs/javascript.html b/docs/javascript.html
index 472285cc9..396bf15bc 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -63,20 +63,22 @@
       
    
         
    Javascript for Bootstrap
    
         
    Bring Bootstrap's components to life—now with 12 custom jQuery plugins.
-        
    
+        
    
+          
+        
    
       
    
 
 
diff --git a/docs/less.html b/docs/less.html
index c8c1540b5..86a65a6c7 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -67,12 +67,14 @@
       
    
         
    Using LESS with Bootstrap
    
         
    Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.
    
-        
+        
    
+          
+        
    
       
    
 
 
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index 1fd8363ae..bb18b0394 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -63,11 +63,13 @@
       
    
         
    Scaffolding
    
         
    Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.
    
-        
+        
    
+          
+        
    
       
    
 
 
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 5552d6735..41722aa71 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -3,13 +3,15 @@
 
    
   
    {{_i}}Base CSS{{/i}}
    
   
    {{_i}}On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.{{/i}}
    
-  
+  
    
+    
+  
    
 
    
 
 
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 5282e6178..36fc84281 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -1,8 +1,9 @@
-  
-  
    
-    
    {{_i}}Components{{/i}}
    
-    
    {{_i}}Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.{{/i}}
    
+
+
    
+  
    {{_i}}Components{{/i}}
    
+  
    {{_i}}Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.{{/i}}
    
+  
    
     
-  
    
+  
    
+
 
 
 
-  
-  
    
-    
    
-      
    {{_i}}Button groups{{/i}} {{_i}}Join buttons for more toolbar-like functionality{{/i}}
    
-    
    
-    
    
-      
    
-        
    {{_i}}Button groups{{/i}}
    
-        
    {{_i}}Use button groups to join multiple buttons together as one composite component. Build them with a series of <a> or <button> elements.{{/i}}
    
-        
    {{_i}}You can also combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex projects.{{/i}}
    
-        
    
+
+
    
+  
    
+    
    {{_i}}Button groups{{/i}} {{_i}}Join buttons for more toolbar-like functionality{{/i}}
    
+  
    
+  
    
+    
    
+      
    {{_i}}Button groups{{/i}}
    
+      
    {{_i}}Use button groups to join multiple buttons together as one composite component. Build them with a series of <a> or <button> elements.{{/i}}
    
+      
    {{_i}}You can also combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex projects.{{/i}}
    
+      
    
+        
    
+          {{_i}}Left{{/i}}
+          {{_i}}Middle{{/i}}
+          {{_i}}Right{{/i}}
+        
    
+      
    
+      
    
+        
    
           
    
-            {{_i}}Left{{/i}}
-            {{_i}}Middle{{/i}}
-            {{_i}}Right{{/i}}
+            1
+            2
+            3
+            4
           
    
-        
    
-        
    
-          
    
-            
    
-              1
-              2
-              3
-              4
-            
    
-            
    
-              5
-              6
-              7
-            
    
-            
    
-              8
-            
    
+          
    
+            5
+            6
+            7
+          
    
+          
    
+            8
           
    
         
    
-
       
    
-      
    
-        
    {{_i}}Example markup{{/i}}
    
-        
    {{_i}}Here's how the HTML looks for a standard button group built with anchor tag buttons:{{/i}}
    
+
+    
    
+    
    
+      
    {{_i}}Example markup{{/i}}
    
+      
    {{_i}}Here's how the HTML looks for a standard button group built with anchor tag buttons:{{/i}}
    
 
     <div class="btn-group">
   <a class="btn" href="#">1</a>
@@ -74,95 +76,95 @@
   </div>
 </div>
 
    
-      
    
-      
    
-        
    {{_i}}Checkbox and radio flavors{{/i}}
    
-        
    {{_i}}Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View the Javascript docs for that.{{/i}}
    
-        
    {{_i}}Get the javascript »{{/i}}
    
-        
    
-        
    {{_i}}Heads up{{/i}}
    
-        
    {{_i}}CSS for button groups is in a separate file, button-groups.less.{{/i}}
    
-      
    
     
    
-  
    
+    
    
+      
    {{_i}}Checkbox and radio flavors{{/i}}
    
+      
    {{_i}}Button groups can also function as radios, where only one button may be active, or checkboxes, where any number of buttons may be active. View the Javascript docs for that.{{/i}}
    
+      
    {{_i}}Get the javascript »{{/i}}
    
+      
    
+      
    {{_i}}Heads up{{/i}}
    
+      
    {{_i}}CSS for button groups is in a separate file, button-groups.less.{{/i}}
    
+    
    
+  
    
+
    
 
 
 
-  
-  
    
-    
    
-      
    {{_i}}Split button dropdowns{{/i}} {{_i}}Built on button groups to provide contextual menus{{/i}}
    
+
+
    
+  
    
+    
    {{_i}}Split button dropdowns{{/i}} {{_i}}Built on button groups to provide contextual menus{{/i}}
    
+  
    
+  
    
+    
    
+      
    {{_i}}Split button dropdowns{{/i}}
    
+      
    {{_i}}Building on the button group styles and markup, we can easily create a split button. Split buttons feature a standard action on the left and a dropdown toggle on the right with contextual links.{{/i}}
    
+      
    
+        
    
+          
    
+            {{_i}}Action{{/i}}
+            
+            
+          
    
+          
    
+            {{_i}}Action{{/i}}
+            
+            
+          
    
+          
    
+            {{_i}}Danger{{/i}}
+            
+            
+          
    
+        
    
+        
    
+          
    
+            {{_i}}Success{{/i}}
+            
+            
+          
    
+          
    
+            {{_i}}Info{{/i}}
+            
+            
+          
    
+        
    
+      
     
     
    
-    
    
-      
    
-        
    {{_i}}Split button dropdowns{{/i}}
    
-        
    {{_i}}Building on the button group styles and markup, we can easily create a split button. Split buttons feature a standard action on the left and a dropdown toggle on the right with contextual links.{{/i}}
    
-        
    
-          
    
-            
    
-              {{_i}}Action{{/i}}
-              
-              
-            
    
-            
    
-              {{_i}}Action{{/i}}
-              
-              
-            
    
-            
    
-              {{_i}}Danger{{/i}}
-              
-              
-            
    
-          
    
-          
    
-            
    
-              {{_i}}Success{{/i}}
-              
-              
-            
    
-            
    
-              {{_i}}Info{{/i}}
-              
-              
-            
    
-          
    
-        
     
-      
    
-      
    
-        
    {{_i}}Example markup{{/i}}
    
-        
    {{_i}}Similar to a button group, our markup uses regular button markup, but with a handful of additions to refine the style and support Bootstrap's dropdown jQuery plugin.{{/i}}
    
+    
    
+      
    {{_i}}Example markup{{/i}}
    
+      
    {{_i}}Similar to a button group, our markup uses regular button markup, but with a handful of additions to refine the style and support Bootstrap's dropdown jQuery plugin.{{/i}}
    
 
     <div class="btn-group">
   <a class="btn" href="#">{{_i}}Action{{/i}}</a>
@@ -174,9 +176,9 @@
   </ul>
 </div>
 
    
-      
    
     
    
-  
    
+  
    
+
    
 
 
 
@@ -468,11 +470,6 @@
 
   
    {{_i}}Tabbable in any direction{{/i}}
    
   
    
-
     
    
       
    {{_i}}Tabs on the bottom{{/i}}
    
       
    {{_i}}Flip the order of the HTML and add a class to put tabs on the bottom.{{/i}}
    
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index 9fd431f2f..b6b16fef2 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -3,20 +3,22 @@
       
    
         
    {{_i}}Javascript for Bootstrap{{/i}}
    
         
    {{_i}}Bring Bootstrap's components to life—now with 12 custom jQuery plugins.{{/i}}
-        
    
+        
    
+          
+        
    
       
    
 
 
diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index b5cff2d11..ea7058fd9 100644
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -7,12 +7,14 @@
       
    
         
    {{_i}}Using LESS with Bootstrap{{/i}}
    
         
    {{_i}}Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.{{/i}}
    
-        
+        
    
+          
+        
    
       
    
 
 
diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache
index a8638f273..ed80dabfc 100644
--- a/docs/templates/pages/scaffolding.mustache
+++ b/docs/templates/pages/scaffolding.mustache
@@ -3,11 +3,13 @@
       
    
         
    {{_i}}Scaffolding{{/i}}
    
         
    {{_i}}Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.{{/i}}
    
-        
+        
    
+          
+        
    
       
    
 
 
-- 
cgit v1.2.3


From 4a6d9106b8f92a85a528971c70f132c32b6c43cf Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 19:36:42 -0800
Subject: fix the thumbnails more examples section

---
 docs/assets/css/docs.css                 | 8 ++++++--
 docs/components.html                     | 2 +-
 docs/templates/pages/components.mustache | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 776ca58b9..d0a5623f4 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -19,7 +19,7 @@ body {
 
 /* Tweak navbar brand link to be super sleek
 -------------------------------------------------- */
-body > .navbar-fixed .brand {
+.navbar-fixed .brand {
   padding-right: 0;
   padding-left: 0;
   margin-left: 20px;
@@ -27,8 +27,12 @@ body > .navbar-fixed .brand {
   font-weight: bold;
   color: #000;
   text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
+  -webkit-transition: all .2s linear;
+     -moz-transition: all .2s linear;
+          transition: all .2s linear;
+      
 }
-body > .navbar-fixed .brand:hover {
+.navbar-fixed .brand:hover {
   text-decoration: none;
 }
 
diff --git a/docs/components.html b/docs/components.html
index 50c615fb9..d823998d9 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -1038,7 +1038,7 @@
       
      
         
    • 
           
-            
+            
           
         
      • 
         
    • 
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 36fc84281..94d72a540 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -978,7 +978,7 @@
       
        
         
      • 
           
-            
+            
           
         
        • 
         
      • 
-- 
cgit v1.2.3


From bacb05608f2d42ef7fdb6fa25241d4268b989387 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 19:43:52 -0800
Subject: redo the form examples to enable better responsive layout

---
 docs/assets/css/docs.css               | 39 +++++++++++++++-------------------
 docs/base-css.html                     | 22 +++++++++++++------
 docs/templates/pages/base-css.mustache | 22 +++++++++++++------
 3 files changed, 49 insertions(+), 34 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index d0a5623f4..6cb8720c7 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -146,8 +146,6 @@ section {
      -moz-border-radius: 4px;
           border-radius: 4px;  
 }
-.subhead .nav {
-}
 .subhead .nav a {
   margin: 0;
   padding-top: 11px;
@@ -477,7 +475,7 @@ h2 + .row {
 
 /* Remove bottom margin on example forms in wells */
 form.well {
-  margin-bottom: 0;
+  padding: 14px;
 }
 
 /* Tighten up spacing */
@@ -558,6 +556,14 @@ form.well {
     margin-top: 18px;
   }
 
+  /* Subnav */
+  .subnav {
+    background: none;
+  }
+  .subnav .nav > li {
+    float: none;
+  }
+
   /* Adjust the jumbotron */
   .jumbotron h1,
   .jumbotron p {
@@ -580,25 +586,6 @@ form.well {
     margin: 0 auto 10px;
   }
 
-  /* Subnav */
-  .subhead .nav {
-    padding: 0;
-    background: none;
-  }
-  .subhead .nav > li {
-    float: none;
-  }
-  .subhead .nav li + li a {
-    border-top: 1px solid #eee;
-  }
-  .subhead .subnav-fixed {
-    position: static;
-    top: auto;
-    z-index: auto;
-    width: auto;
-  }
-
-
   /* Don't space out quick links so much */
   .quick-links {
     margin: 40px 0 0;
@@ -632,6 +619,14 @@ form.well {
 
 @media (max-width: 768px) {
 
+  /* Subnav */
+  .subnav-fixed {
+    position: static;
+    top: auto;
+    z-index: auto;
+    width: auto;
+  }
+
   /* Adjust the jumbotron */
   .jumbotron .benefits {
     position: relative;
diff --git a/docs/base-css.html b/docs/base-css.html
index c849a299e..27251d824 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -887,10 +887,12 @@
 
 
   
        Example forms using just form controls, no extra markup
        
+  
        Basic form
        
   
        
-    
        
-      
        Basic form
        
+    
        
       
        With v2.0, we have lighter and smarter defaults for form styles. No extra markup, just form controls.
        
+    
        
+    
        
       
        
         
         
@@ -900,17 +902,25 @@
         
       
        
     
        
-    
        
-      
        Search form
        
+  
         
+  
        Search form
        
+  
        
+    
        
       
        Reflecting default WebKit styles, just add .form-search for extra rounded search fields.
        
+    
        
+    
        
       
        
         
         
       
        
     
        
-    
        
-      
        Inline form
        
+  
         
+  
        Inline form
        
+  
        
+    
        
       
        Inputs are block level to start. For .form-inline and .form-horizontal, we use inline-block.
        
+    
        
+    
        
       
        
         
         
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 41722aa71..225e88d2b 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -827,10 +827,12 @@
 
 
   
        {{_i}}Example forms using just form controls, no extra markup{{/i}}
        
+  
        {{_i}}Basic form{{/i}}
        
   
        
-    
        
-      
        {{_i}}Basic form{{/i}}
        
+    
        
       
        {{_i}}With v2.0, we have lighter and smarter defaults for form styles. No extra markup, just form controls.{{/i}}
        
+    
        
+    
        
       
         
         
@@ -840,17 +842,25 @@
         
       
     
        
-    
        
-      
        {{_i}}Search form{{/i}}
        
+  
         
+  
        {{_i}}Search form{{/i}}
        
+  
        
+    
        
       
        {{_i}}Reflecting default WebKit styles, just add .form-search for extra rounded search fields.{{/i}}
        
+    
        
+    
        
       
        
         
         
       
        
     
        
-    
        
-      
        {{_i}}Inline form{{/i}}
        
+  
         
+  
        {{_i}}Inline form{{/i}}
        
+  
        
+    
        
       
        {{_i}}Inputs are block level to start. For .form-inline and .form-horizontal, we use inline-block.{{/i}}
        
+    
        
+    
        
       
        
         
         
-- 
cgit v1.2.3


From c6d5dcd872dcc3aa16a269cb5b4a434a8960f58c Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 19:50:18 -0800
Subject: remove link from transitions on js page

---
 docs/javascript.html                     | 2 +-
 docs/templates/pages/javascript.mustache | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'docs')

diff --git a/docs/javascript.html b/docs/javascript.html
index 396bf15bc..cc9c0d9eb 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -162,7 +162,7 @@
         
        
         
        
           
diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index b6b16fef2..401e86cbe 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -102,7 +102,7 @@
         
        
         
        
           
-- 
cgit v1.2.3


From 74b5dc8d3bd5ef34bb2cdc590b8a5dcbc43a8f4c Mon Sep 17 00:00:00 2001
From: Roberto Poo 
Date: Wed, 25 Jan 2012 02:06:50 -0200
Subject: Fixed typo

---
 docs/base-css.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/base-css.html b/docs/base-css.html
index c849a299e..8d0ab86f9 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -368,7 +368,7 @@
       
         <pre class="prettyprint">
         
-          
        Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.
        
+          
        Using the google-code-prettify library, your blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.
        
 
        <div>
   <h1>Heading</h1>
   <p>Something right here…</p>
-- 
cgit v1.2.3


From 731821b78f059f78800baa721410341f786698b5 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 20:26:54 -0800
Subject: updated docs css to fix subnav on iOS

---
 docs/assets/css/docs.css | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 6cb8720c7..5fc04b0f9 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -146,7 +146,10 @@ section {
      -moz-border-radius: 4px;
           border-radius: 4px;  
 }
-.subhead .nav a {
+.subnav .nav {
+  margin-bottom: 0;
+}
+.subnav .nav a {
   margin: 0;
   padding-top: 11px;
   padding-bottom: 11px;
@@ -158,24 +161,25 @@ section {
      -moz-border-radius: 0;
           border-radius: 0;
 }
-.subhead .nav a:hover,
-.subhead .nav .active a {
+.subnav .nav a:hover,
+.subnav .nav .active a {
   background-color: transparent;
   color: #333;
 }
-.subhead .nav .active a {
+.subnav .nav .active a {
   background-color: #eee;
 }
-.subhead .nav li:first-child a {
+.subnav .nav li:first-child a {
   border-left: 0;
   -webkit-border-radius: 4px 0 0 4px;
      -moz-border-radius: 4px 0 0 4px;
           border-radius: 4px 0 0 4px;
 }
-.subhead .nav li:last-child a {
+.subnav .nav li:last-child a {
   border-right: 0;
 }
 
+/* Fixed subnav on scroll */
 .subnav-fixed {
   position: fixed;
   top: 40px;
@@ -558,7 +562,7 @@ form.well {
 
   /* Subnav */
   .subnav {
-    background: none;
+    background: #fff; /* whole background property since we use a background-image for gradient */
   }
   .subnav .nav > li {
     float: none;
@@ -620,11 +624,21 @@ form.well {
 @media (max-width: 768px) {
 
   /* Subnav */
-  .subnav-fixed {
+  .subnav {
     position: static;
     top: auto;
     z-index: auto;
     width: auto;
+    height: auto;
+    -webkit-box-shadow: none;
+       -moz-box-shadow: none;
+            box-shadow: none;
+  }
+  .subnav .nav a {
+    border: 0;
+  }
+  .subnav .nav li + li a {
+    border-top: 1px solid #e5e5e5;
   }
 
   /* Adjust the jumbotron */
-- 
cgit v1.2.3


From a5c1d1f1828c333e373cdc5da5da2f6d946ad45e Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 20:45:38 -0800
Subject: adding actual images to carousel to ensure you can see things are
 animating; updated styles of carousel controls to work on light and dark
 backgrounds and use opacity for effects

---
 docs/assets/img/bootstrap-mdo-sfmoma-01.jpg | Bin 0 -> 59871 bytes
 docs/assets/img/bootstrap-mdo-sfmoma-02.jpg | Bin 0 -> 93456 bytes
 docs/assets/img/bootstrap-mdo-sfmoma-03.jpg | Bin 0 -> 125720 bytes
 docs/base-css.html                          |   2 +-
 docs/javascript.html                        |   6 +++---
 docs/templates/pages/javascript.mustache    |   6 +++---
 6 files changed, 7 insertions(+), 7 deletions(-)
 create mode 100644 docs/assets/img/bootstrap-mdo-sfmoma-01.jpg
 create mode 100644 docs/assets/img/bootstrap-mdo-sfmoma-02.jpg
 create mode 100644 docs/assets/img/bootstrap-mdo-sfmoma-03.jpg

(limited to 'docs')

diff --git a/docs/assets/img/bootstrap-mdo-sfmoma-01.jpg b/docs/assets/img/bootstrap-mdo-sfmoma-01.jpg
new file mode 100644
index 000000000..a5c7bb900
Binary files /dev/null and b/docs/assets/img/bootstrap-mdo-sfmoma-01.jpg differ
diff --git a/docs/assets/img/bootstrap-mdo-sfmoma-02.jpg b/docs/assets/img/bootstrap-mdo-sfmoma-02.jpg
new file mode 100644
index 000000000..2f795e18f
Binary files /dev/null and b/docs/assets/img/bootstrap-mdo-sfmoma-02.jpg differ
diff --git a/docs/assets/img/bootstrap-mdo-sfmoma-03.jpg b/docs/assets/img/bootstrap-mdo-sfmoma-03.jpg
new file mode 100644
index 000000000..911e64f89
Binary files /dev/null and b/docs/assets/img/bootstrap-mdo-sfmoma-03.jpg differ
diff --git a/docs/base-css.html b/docs/base-css.html
index 6847c0616..27251d824 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -368,7 +368,7 @@
       
         <pre class="prettyprint">
         
-          
        Using the google-code-prettify library, your blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.
        
+          
        Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.
        
 
        <div>
   <h1>Heading</h1>
   <p>Something right here…</p>
diff --git a/docs/javascript.html b/docs/javascript.html
index cc9c0d9eb..425d347cb 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -1215,21 +1215,21 @@ $('#myCollapsible').on('hidden', function () {
           
        
 
        Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.
        
 
     
        What’s included
        
diff --git a/docs/upgrading.html b/docs/upgrading.html
index 1be32c676..5c480f704 100644
--- a/docs/upgrading.html
+++ b/docs/upgrading.html
@@ -135,6 +135,12 @@
       
      • Pills now have dropdown menu support (they share the same markup and styles as tabs)
        • 
     
      
   
      • 
+  
    • Update Less.js
+    
        
+      
      • Make sure to use to the current release of less.js 
        • 
+    
      
+  
      • 
+      
 
    
 
-      
    
-        
    Using LESS with Bootstrap
    
-        
    Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.
    
-        
    
-          
-        
    
-      
    
+
+
    
+  
    Using LESS with Bootstrap
    
+  
    Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.
    
+  
    
+    
+  
    
+
    
 
 
 
-      
-      
    
-        
    
-          
    Built with LESS
    
-        
    
-        
    
-          
    
-            
    Why LESS?
    
-            
    Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.
    
-          
    
-          
    
-            
    What's included?
    
-            
    As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.
    
-          
    
-          
    
-            
    Learn more
    
-            LESS CSS
-            
    Visit the official website at http://lesscss.org to learn more.
    
-          
    
-        
    
-        
    
-          
    
-            
    Variables
    
-            
    Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though—assign colors or pixel values as variables and change them once.
    
-          
    
-          
    
-            
    Mixins
    
-            
    Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.
    
-          
    
-          
    
-            
    Operations
    
-            
    Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.
    
+
+
    
+  
    
+    
    Chop Shop Customize your build of Bootstrap
    
+  
    
+
+  
+    
    
+      
+      
    
+        
    
+          
    
+            
    
+              
    Scaffolding
    
+              
+              
+              
+              
    Base CSS
    
+              
+              
+              
+              
+              
+              
+              
+            
    
+            
    
+              
    Components
    
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+            
    
+            
    
+              
    JS Components
    
+              
+              
+              
+              
+              
+              
+              
+            
    
+            
    
+              
    Responsive
    
+              
+              
+              
+              
    Miscellaneous
    
+              
+              
+              
+              
+            
    
           
    
-        
    
-      
    
+          
    
+            Reset variables
+            Next: Customize variables
+          
            
+        
    
+        
    
+          
    
+            
    
+              
    Links
    
+              
+              
+              
+              
+              
    Grid system
    
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+            
    
+            
    
+              
    Typography
    
+              
+              
+              
+              
+              
+              
+              
    Forms
    
+              
+              
+              
+              
+              
    Navbar
    
+              
+              
+              
+              
+              
+              
+            
    
+            
    
+              
    Form states & alerts
    
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+            
    
+          
    
+          
    
+            Next: Build and download
+          
            
+        
    
+        
    
+          
    And you're set!
    
+          
    We've compiled your selected CSS and customized variables and have them ready to download as a tidy ZIP file. Choose from compiled or compiled and minified CSS files.
    
+          Download CSS Download minified CSS
+          
    
+          
    Looking to customize your javascript? Head over to the Javascript plugins page to build your own Bootstrap JS bundle.
    
+        
    
+      
    
+    
    
+  
 
+
 
 
-      
-      
    
-        
    
-          
    Variables from variables.less
    
-        
    
 
-        
    Hyperlinks
    
-        
-          
-            
-              
-              
-              
-            
-          
-          
-            
-              
-              
-              
-            
-            
-              
-              
-              
-            
-          
-        
    VariableValueUsage
    @linkColor#08cDefault link text color
    @linkColorHoverdarken(@linkColor, 15%)Default link text hover color
    
-
-        
    
-          
    
-            
    Grayscale colors
    
-            
-              
-                
-                  
-                  
-                
-              
-              
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-              
-            
    VariableValue
    @black#000
    @grayDarker#222
    @grayDark#333
    @gray#555
    @grayLight#999
    @grayLighter#eee
    @white#fff
    
-          
    
-          
    
-            
    Accent colors
    
-            
-              
-                
-                  
-                  
-                
-              
-              
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-              
-            
    VariableValue
    @blue#049cdb
    @green#46a546
    @red#9d261d
    @yellow#ffc40d
    @orange#f89406
    @pink#c3325f
    @purple#7a43b6
    
-          
    
-        
     
-        
    
-          
    
-            
    Grid system
    
-            
-              
-                
-                  
-                  
-                
-              
-              
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-              
-            
    VariableValue
    @gridColumns12
    @gridColumnWidth60px
    @gridGutterWidth20px
    @siteWidth(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))
    
-          
    
-          
    
-            
    Typography
    
-            
-              
-                
-                  
-                  
-                
-              
-              
-                
-                  
-                  
-                
-                
-                  
-                  
-                  
-                
-                
-                  
-                  
-                
-              
-            
    VariableValue
    @baseFontSize13px
    @baseFontFamily"Helvetica Neue", Helvetica, Arial, sans-serif
    @baseLineHeight18px
    
-          
    
-        
     
-
-        
    Components
    
-        
    
-          
    
-            
    Buttons
    
-            
-              
-                
-                  
-                  
-                
-              
-            
    @primaryButtonColor@blue
    
-            
    Forms
    
-            
-              
-                
-                  
-                  
-                
-              
-            
    @placeholderText@grayLight
    
-            
    Navbar
    
-            
-              
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-              
-            
    @navbarHeight40px
    @navbarBackground@grayDarker
    @navbarBackgroundHighlight@grayDark
    
-          
    
-          
    
-            
    Form states and alerts
    
-            
-              
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-              
-            
    @warningText#f3edd2
    @warningBackground#c09853
    @warningBorder#f3edd2
    @errorText#b94a48
    @errorBackground#f2dede
    @errorBorder#e9c7c7
    @successText#468847
    @successBackground#dff0d8
    @successBorder#cfe8c4
    @infoText#3a87ad
    @infoBackground#d9edf7
    @infoBorder#bfe1f2
    
-          
    
-        
    
+
+
    
+  
    
+    
    Built with LESS
    
+  
    
+  
    
+    
    
+      
    Why LESS?
    
+      
    Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.
    
+    
    
+    
    
+      
    What's included?
    
+      
    As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.
    
+    
    
+    
    
+      
    Learn more
    
+      LESS CSS
+      
    Visit the official website at http://lesscss.org to learn more.
    
+    
    
+  
    
+  
    
+    
    
+      
    Variables
    
+      
    Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though—assign colors or pixel values as variables and change them once.
    
+    
    
+    
    
+      
    Mixins
    
+      
    Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.
    
+    
    
+    
    
+      
    Operations
    
+      
    Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.
    
+    
    
+  
    
+
    
 
-      
    
 
 
+
+
    
+  
    
+    
    Variables from variables.less
    
+  
    
 
-      
-      
    
-        
    Mixins from mixins.less
    
-      
    
+  
    Hyperlinks
    
+  
+    
+      
+        
+        
+        
+      
+    
+    
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+    
+  
    VariableValueUsage
    @linkColor#08cDefault link text color
    @linkColorHoverdarken(@linkColor, 15%)Default link text hover color
    
+
+  
    
+    
    
+      
    Grayscale colors
    
+      
+        
+          
+            
+            
+          
+        
+        
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+        
+      
    VariableValue
    @black#000
    @grayDarker#222
    @grayDark#333
    @gray#555
    @grayLight#999
    @grayLighter#eee
    @white#fff
    
+    
    
+    
    
+      
    Accent colors
    
+      
+        
+          
+            
+            
+          
+        
+        
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+        
+      
    VariableValue
    @blue#049cdb
    @green#46a546
    @red#9d261d
    @yellow#ffc40d
    @orange#f89406
    @pink#c3325f
    @purple#7a43b6
    
+    
    
+  
     
+  
    
+    
    
+      
    Grid system
    
+      
+        
+          
+            
+            
+          
+        
+        
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+        
+      
    VariableValue
    @gridColumns12
    @gridColumnWidth60px
    @gridGutterWidth20px
    @siteWidth(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))
    
+    
    
+    
    
+      
    Typography
    
+      
+        
+          
+            
+            
+          
+        
+        
+          
+            
+            
+          
+          
+            
+            
+            
+          
+          
+            
+            
+          
+        
+      
    VariableValue
    @baseFontSize13px
    @baseFontFamily"Helvetica Neue", Helvetica, Arial, sans-serif
    @baseLineHeight18px
    
+    
    
+  
     
+
+  
    Components
    
+  
    
+    
    
+      
    Buttons
    
+      
+        
+          
+            
+            
+          
+        
+      
    @primaryButtonColor@blue
    
+      
    Forms
    
+      
+        
+          
+            
+            
+          
+        
+      
    @placeholderText@grayLight
    
+      
    Navbar
    
+      
+        
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+        
+      
    @navbarHeight40px
    @navbarBackground@grayDarker
    @navbarBackgroundHighlight@grayDark
    
+    
    
+    
    
+      
    Form states and alerts
    
+      
+        
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+        
+      
    @warningText#f3edd2
    @warningBackground#c09853
    @warningBorder#f3edd2
    @errorText#b94a48
    @errorBackground#f2dede
    @errorBorder#e9c7c7
    @successText#468847
    @successBackground#dff0d8
    @successBorder#cfe8c4
    @infoText#3a87ad
    @infoBackground#d9edf7
    @infoBorder#bfe1f2
    
+    
    
+  
    
 
+
    
 
 
-      
-      
    
-        
    Operations
    
-      
    
 
+
+
    
+  
    Mixins from mixins.less
    
+
    
 
 
-      
-      
    
-        
    Compiling LESS and Bootstrap
    
-      
    
+
+
+
    
+  
    Operations
    
+
    
+
+
+
+
+
    
+  
    Compiling LESS and Bootstrap
    
+
    
 
 
 
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 225e88d2b..ba864ce9e 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -308,7 +308,7 @@
       
         <pre class="prettyprint">
         
-          
    {{_i}}Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.{{/i}}
    
+          
    {{_i}}Using the google-code-prettify library, your blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.{{/i}}
    
 
    <div>
   <h1>{{_i}}Heading{{/i}}</h1>
   <p>{{_i}}Something right here…{{/i}}</p>
diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index ea7058fd9..ecb39055b 100644
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -1,356 +1,517 @@
-      
    
-        Heads up! This page is still under construction and is missing plenty of documentation. Hang tight!
-      
    
-
-      
-      
    
-        
    {{_i}}Using LESS with Bootstrap{{/i}}
    
-        
    {{_i}}Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.{{/i}}
    
-        
    
-          
-        
    
-      
    
-
-
-
-      
-      
    
-        
    
-          
    {{_i}}Built with LESS{{/i}}
    
-        
    
-        
    
-          
    
-            
    {{_i}}Why LESS?{{/i}}
    
-            
    {{_i}}Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.{{/i}}
    
-          
    
-          
    
-            
    {{_i}}What's included?{{/i}}
    
-            
    {{_i}}As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.{{/i}}
    
-          
    
-          
    
-            
    {{_i}}Learn more{{/i}}
    
-            LESS CSS
-            
    {{_i}}Visit the official website at http://lesscss.org to learn more.{{/i}}
    
-          
    
-        
    
-        
    
-          
    
-            
    {{_i}}Variables{{/i}}
    
-            
    {{_i}}Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though—assign colors or pixel values as variables and change them once.{{/i}}
    
-          
    
-          
    
-            
    {{_i}}Mixins{{/i}}
    
-            
    {{_i}}Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.{{/i}}
    
-          
    
-          
    
-            
    {{_i}}Operations{{/i}}
    
-            
    {{_i}}Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.{{/i}}
    
-          
    
-        
    
-      
    
-
-
-
-      
-      
    
-        
    
-          
    {{_i}}Variables from variables.less{{/i}}
    
-        
    
-
-        
    {{_i}}Hyperlinks{{/i}}
    
-        
-          
-            
-              
-              
-              
-            
-          
-          
-            
-              
-              
-              
-            
-            
-              
-              
-              
-            
-          
-        
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}{{_i}}Usage{{/i}}
    @linkColor#08c{{_i}}Default link text color{{/i}}
    @linkColorHoverdarken(@linkColor, 15%){{_i}}Default link text hover color{{/i}}
    
-
-        
    
-          
    
-            
    {{_i}}Grayscale colors{{/i}}
    
-            
-              
-                
-                  
-                  
-                
-              
-              
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-              
-            
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}
    @black#000
    @grayDarker#222
    @grayDark#333
    @gray#555
    @grayLight#999
    @grayLighter#eee
    @white#fff
    
-          
    
-          
    
-            
    {{_i}}Accent colors{{/i}}
    
-            
-              
-                
-                  
-                  
-                
-              
-              
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-              
-            
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}
    @blue#049cdb
    @green#46a546
    @red#9d261d
    @yellow#ffc40d
    @orange#f89406
    @pink#c3325f
    @purple#7a43b6
    
-          
    
-        
     
-        
    
-          
    
-            
    {{_i}}Grid system{{/i}}
    
-            
-              
-                
-                  
-                  
-                
-              
-              
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-              
-            
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}
    @gridColumns12
    @gridColumnWidth60px
    @gridGutterWidth20px
    @siteWidth(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))
    
-          
    
-          
    
-            
    {{_i}}Typography{{/i}}
    
-            
-              
-                
-                  
-                  
-                
-              
-              
-                
-                  
-                  
-                
-                
-                  
-                  
-                  
-                
-                
-                  
-                  
-                
-              
-            
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}
    @baseFontSize13px
    @baseFontFamily"Helvetica Neue", Helvetica, Arial, sans-serif
    @baseLineHeight18px
    
-          
    
-        
     
-
-        
    {{_i}}Components{{/i}}
    
-        
    
-          
    
-            
    Buttons
    
-            
-              
-                
-                  
-                  
-                
-              
-            
    @primaryButtonColor@blue
    
-            
    Forms
    
-            
-              
-                
-                  
-                  
-                
-              
-            
    @placeholderText@grayLight
    
-            
    Navbar
    
-            
-              
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-              
-            
    @navbarHeight40px
    @navbarBackground@grayDarker
    @navbarBackgroundHighlight@grayDark
    
-          
    
-          
    
-            
    Form states and alerts
    
-            
-              
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-                
-                  
-                  
-                
-              
-            
    @warningText#f3edd2
    @warningBackground#c09853
    @warningBorder#f3edd2
    @errorText#b94a48
    @errorBackground#f2dede
    @errorBorder#e9c7c7
    @successText#468847
    @successBackground#dff0d8
    @successBorder#cfe8c4
    @infoText#3a87ad
    @infoBackground#d9edf7
    @infoBorder#bfe1f2
    
+
    
+  Heads up! This page is still under construction and is missing plenty of documentation. Hang tight!
+
    
+
+
+
    
+  
    {{_i}}Using LESS with Bootstrap{{/i}}
    
+  
    {{_i}}Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.{{/i}}
    
+  
    
+    
+  
    
+
    
+
+
+
+
+
    
+  
    
+    
    Chop Shop Customize your build of Bootstrap
    
+  
    
+
+  
    
+    
    
+      
+      
    
+        
    
+          
    
+            
    
+              
    Scaffolding
    
+              
+              
+              
+              
    Base CSS
    
+              
+              
+              
+              
+              
+              
+              
+            
    
+            
    
+              
    Components
    
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+            
    
+            
    
+              
    JS Components
    
+              
+              
+              
+              
+              
+              
+              
+            
    
+            
    
+              
    Responsive
    
+              
+              
+              
+              
    Miscellaneous
    
+              
+              
+              
+              
+            
    
           
    
-        
    
+          
    
+            Reset variables
+            Next: Customize variables
+          
            
+        
    
+        
    
+          
    
+            
    
+              
    Links
    
+              
+              
+              
+              
+              
    Grid system
    
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+            
    
+            
    
+              
    Typography
    
+              
+              
+              
+              
+              
+              
+              
    Forms
    
+              
+              
+              
+              
+              
    Navbar
    
+              
+              
+              
+              
+              
+              
+            
    
+            
    
+              
    Form states & alerts
    
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+              
+            
    
+          
    
+          
    
+            Next: Build and download
+          
            
+        
    
+        
    
+          
    And you're set!
    
+          
    We've compiled your selected CSS and customized variables and have them ready to download as a tidy ZIP file. Choose from compiled or compiled and minified CSS files.
    
+          Download CSS Download minified CSS
+          
    
+          
    Looking to customize your javascript? Head over to the Javascript plugins page to build your own Bootstrap JS bundle.
    
+        
    
+      
    
+    
    
+  
+
+
    
+
+
+
+
+
    
+  
    
+    
    {{_i}}Built with LESS{{/i}}
    
+  
    
+  
    
+    
    
+      
    {{_i}}Why LESS?{{/i}}
    
+      
    {{_i}}Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.{{/i}}
    
+    
    
+    
    
+      
    {{_i}}What's included?{{/i}}
    
+      
    {{_i}}As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.{{/i}}
    
+    
    
+    
    
+      
    {{_i}}Learn more{{/i}}
    
+      LESS CSS
+      
    {{_i}}Visit the official website at http://lesscss.org to learn more.{{/i}}
    
+    
    
+  
    
+  
    
+    
    
+      
    {{_i}}Variables{{/i}}
    
+      
    {{_i}}Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though—assign colors or pixel values as variables and change them once.{{/i}}
    
+    
    
+    
    
+      
    {{_i}}Mixins{{/i}}
    
+      
    {{_i}}Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.{{/i}}
    
+    
    
+    
    
+      
    {{_i}}Operations{{/i}}
    
+      
    {{_i}}Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.{{/i}}
    
+    
    
+  
    
+
    
 
-      
 
 
+
+
    
+  
    
+    
    {{_i}}Variables from variables.less{{/i}}
    
+  
    
 
-      
-      
    
-        
    {{_i}}Mixins from mixins.less{{/i}}
    
-      
    
+  
    {{_i}}Hyperlinks{{/i}}
    
+  
+    
+      
+        
+        
+        
+      
+    
+    
+      
+        
+        
+        
+      
+      
+        
+        
+        
+      
+    
+  
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}{{_i}}Usage{{/i}}
    @linkColor#08c{{_i}}Default link text color{{/i}}
    @linkColorHoverdarken(@linkColor, 15%){{_i}}Default link text hover color{{/i}}
    
+
+  
    
+    
    
+      
    {{_i}}Grayscale colors{{/i}}
    
+      
+        
+          
+            
+            
+          
+        
+        
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+        
+      
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}
    @black#000
    @grayDarker#222
    @grayDark#333
    @gray#555
    @grayLight#999
    @grayLighter#eee
    @white#fff
    
+    
    
+    
    
+      
    {{_i}}Accent colors{{/i}}
    
+      
+        
+          
+            
+            
+          
+        
+        
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+        
+      
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}
    @blue#049cdb
    @green#46a546
    @red#9d261d
    @yellow#ffc40d
    @orange#f89406
    @pink#c3325f
    @purple#7a43b6
    
+    
    
+  
     
+  
    
+    
    
+      
    {{_i}}Grid system{{/i}}
    
+      
+        
+          
+            
+            
+          
+        
+        
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+        
+      
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}
    @gridColumns12
    @gridColumnWidth60px
    @gridGutterWidth20px
    @siteWidth(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))
    
+    
    
+    
    
+      
    {{_i}}Typography{{/i}}
    
+      
+        
+          
+            
+            
+          
+        
+        
+          
+            
+            
+          
+          
+            
+            
+            
+          
+          
+            
+            
+          
+        
+      
    {{_i}}Variable{{/i}}{{_i}}Value{{/i}}
    @baseFontSize13px
    @baseFontFamily"Helvetica Neue", Helvetica, Arial, sans-serif
    @baseLineHeight18px
    
+    
    
+  
     
+
+  
    {{_i}}Components{{/i}}
    
+  
    
+    
    
+      
    Buttons
    
+      
+        
+          
+            
+            
+          
+        
+      
    @primaryButtonColor@blue
    
+      
    Forms
    
+      
+        
+          
+            
+            
+          
+        
+      
    @placeholderText@grayLight
    
+      
    Navbar
    
+      
+        
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+        
+      
    @navbarHeight40px
    @navbarBackground@grayDarker
    @navbarBackgroundHighlight@grayDark
    
+    
    
+    
    
+      
    Form states and alerts
    
+      
+        
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+          
+            
+            
+          
+        
+      
    @warningText#f3edd2
    @warningBackground#c09853
    @warningBorder#f3edd2
    @errorText#b94a48
    @errorBackground#f2dede
    @errorBorder#e9c7c7
    @successText#468847
    @successBackground#dff0d8
    @successBorder#cfe8c4
    @infoText#3a87ad
    @infoBackground#d9edf7
    @infoBorder#bfe1f2
    
+    
    
+  
    
+
+
    
+
+
+
+
+
    
+  
    {{_i}}Mixins from mixins.less{{/i}}
    
+
    
 
 
 
-      
-      
    
-        
    {{_i}}Operations{{/i}}
    
-      
    
+
+
    
+  
    {{_i}}Operations{{/i}}
    
+
    
 
 
 
-      
-      
    
-        
    {{_i}}Compiling LESS and Bootstrap{{/i}}
    
-      
    
+
+
    
+  
    {{_i}}Compiling LESS and Bootstrap{{/i}}
    
+
    
 
 
 
-- 
cgit v1.2.3


From ae70d2a8b6db76d0b3a2a2ef4540a270f0f5c257 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 23:44:59 -0800
Subject: refine spacing on fixed subnav

---
 docs/assets/css/docs.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index d9f8e438b..8c30e733d 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -197,8 +197,9 @@ section {
             box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
   }
   .subnav-fixed .nav {
-    width: 940px;
+    width: 938px;
     margin: 0 auto;
+    padding: 0 1px;
   }
 }
 
-- 
cgit v1.2.3


From b0fb31be5eff9cc4d7a1b2aab70643ff4fc82618 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 23:45:48 -0800
Subject: fix js link on chop shop

---
 docs/less.html                     | 2 +-
 docs/templates/pages/less.mustache | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'docs')

diff --git a/docs/less.html b/docs/less.html
index e5e3baa66..55138c71a 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -230,7 +230,7 @@
           
    We've compiled your selected CSS and customized variables and have them ready to download as a tidy ZIP file. Choose from compiled or compiled and minified CSS files.
    
           Download CSS Download minified CSS
           
    
-          
    Looking to customize your javascript? Head over to the Javascript plugins page to build your own Bootstrap JS bundle.
    
+          
    Looking to customize your javascript? Head over to the Javascript plugins page to build your own Bootstrap JS bundle.
    
         
    
       
    
     
diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index ecb39055b..2633abdf3 100644
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -170,7 +170,7 @@
           
    We've compiled your selected CSS and customized variables and have them ready to download as a tidy ZIP file. Choose from compiled or compiled and minified CSS files.
    
           Download CSS Download minified CSS
           
    
-          
    Looking to customize your javascript? Head over to the Javascript plugins page to build your own Bootstrap JS bundle.
    
+          
    Looking to customize your javascript? Head over to the Javascript plugins page to build your own Bootstrap JS bundle.
    
         
       
     
-- 
cgit v1.2.3


From 64f85e037102425062a43ba17b9d5b1f4c4acba7 Mon Sep 17 00:00:00 2001
From: Jason Wieland 
Date: Wed, 25 Jan 2012 00:02:37 -0800
Subject: caught another old reference to 1.1.3

---
 docs/templates/pages/less.mustache | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs')

diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index ea7058fd9..ff52970b2 100644
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -371,7 +371,7 @@
     
    {{_i}}Use this option to make full use of Bootstrap’s Less variables, mixins, and nesting in CSS via javascript in your browser.{{/i}}
    
 
     <link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
-<script src="js/less-1.1.3.min.js"></script>
    
+<script src="js/less-1.2.1.min.js"></script>
 
    {{_i}}Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.{{/i}}
    
 
     
    {{_i}}What’s included{{/i}}
    
-- 
cgit v1.2.3


From b8fa6cfacf61a02ab769b9031253c7b06111fa7c Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Wed, 25 Jan 2012 01:22:29 -0800
Subject: move css builder and downloader to dedicated page, start to update
 remaining sections on LESS docs page

---
 docs/assets/css/docs.css                         |  94 +++---
 docs/assets/js/google-code-prettify/prettify.css |   4 -
 docs/base-css.html                               |  13 +-
 docs/components.html                             |  21 +-
 docs/download.html                               | 312 ++++++++++++++++++++
 docs/index.html                                  |   3 +
 docs/javascript.html                             |  27 +-
 docs/less.html                                   | 361 ++++-------------------
 docs/scaffolding.html                            |   9 +-
 docs/templates/layout.mustache                   |   3 +
 docs/templates/pages/base-css.mustache           |  10 +-
 docs/templates/pages/components.mustache         |  18 +-
 docs/templates/pages/download.mustache           | 216 ++++++++++++++
 docs/templates/pages/javascript.mustache         |  24 +-
 docs/templates/pages/less.mustache               | 359 ++++------------------
 docs/templates/pages/scaffolding.mustache        |   6 +-
 docs/upgrading.html                              |   3 +
 17 files changed, 772 insertions(+), 711 deletions(-)
 create mode 100644 docs/download.html
 create mode 100644 docs/templates/pages/download.mustache

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 8c30e733d..12c534fb2 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -442,68 +442,78 @@ section {
 }
 
 
-/* CSS Chop Shop
+/* Download page
 -------------------------------------------------- */
-.builder {
+.download .page-header {
+  margin-top: 36px;
 }
-.builder .span2 {
-  width: 160px;
-}
-.builder ul {
-  margin: 0;
-  list-style: none;
-}
-.builder .tabs {
-  margin-right: 0;
-}
-.builder .tabs a {
-  width: 160px;
-  padding: 14px;
-  font-size: 14px;
-}
-.builder .tab-content {
-  padding: 19px;
-  margin-left: 189px;
-  border: 1px solid #e5e5e5;
-  -webkit-border-radius: 0 4px 4px 4px;
-     -moz-border-radius: 0 4px 4px 4px;
-          border-radius: 0 4px 4px 4px;
+.page-header .toggle-all {
+  margin-top: 13px;
 }
 
 /* Space out h3s when following a section */
-.builder input + h3,
-.builder .checkbox + h3 {
+.download h3 {
+  margin-bottom: 5px;
+}
+.download-builder input + h3,
+.download-builder .checkbox + h3 {
   margin-top: 9px;
 }
 
 /* Fields for variables */
-.builder input + h3 {
-  margin-top: 9px;
-}
-.builder #variables label {
-  margin-bottom: 2px;
-  color: #555;
-}
-.builder input[type=text] {
+.download-builder input[type=text] {
   margin-bottom: 9px;
   font-family: Menlo, Monaco, "Courier New", monospace;
   font-size: 12px;
   color: #d14;
   background-color: #f7f7f9;
 }
-.builder input[type=text]:focus {
+.download-builder input[type=text]:focus {
   background-color: #fff;
 }
 
+/* Custom, larger checkbox labels */
+.download .checkbox {
+  padding: 6px 10px 6px 25px;
+  font-size: 14px;
+  color: #555;
+  background-color: #f9f9f9;
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+  cursor: pointer;
+}
+.download .checkbox:hover {
+  color: #333;
+  background-color: #f5f5f5;
+}
+.download .checkbox input[type=checkbox] {
+  position: relative;
+  top: 1px;
+}
+.download .checkbox small {
+  font-size: 12px;
+  color: #777;
+}
 
-.builder-actions {
-  margin-top: 18px;
-  padding-top: 18px;
-  border-top: 1px solid #eee;
+/* Giant download button */
+.download-btn {
+  pading: 18px 20px;
+  margin: 45px 0;
+  text-align: center;
+  border: 1px solid #eee;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
 }
-.builder-actions .toggle-all {
-  float: right;
-  line-height: 36px;
+.btn.xlarge {
+  margin: 36px auto;
+  padding: 14px 24px;
+  font-size: 30px;
+  text-align: center;
+  -webkit-border-radius: 6px;
+     -moz-border-radius: 6px;
+          border-radius: 6px;
 }
 
 
diff --git a/docs/assets/js/google-code-prettify/prettify.css b/docs/assets/js/google-code-prettify/prettify.css
index 0d54905fb..aedd8d1a9 100644
--- a/docs/assets/js/google-code-prettify/prettify.css
+++ b/docs/assets/js/google-code-prettify/prettify.css
@@ -27,8 +27,4 @@ ol.linenums li {
   color: #bebec5;
   line-height: 18px;
   text-shadow: 0 1px 0 #fff;
-}
-/* Alternate shading for lines */
-li.L1, li.L3, li.L5, li.L7, li.L9 {
-  
 }
\ No newline at end of file
diff --git a/docs/base-css.html b/docs/base-css.html
index 6847c0616..75c7efe5e 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -51,6 +51,9 @@
             
  • 
               Using LESS
             
    • 
+            
  • 
+              Download
+            
    • 
           
         
       
@@ -65,11 +68,11 @@
   
    On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.
    
   
    
     
   
    
 
diff --git a/docs/components.html b/docs/components.html
index d823998d9..c1cec739c 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -51,6 +51,9 @@
             
  • 
               Using LESS
             
    • 
+            
  • 
+              Download
+            
    • 
           
         
       
@@ -65,15 +68,15 @@
   
    Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.
    
   
    
     
   
    
 
diff --git a/docs/download.html b/docs/download.html
new file mode 100644
index 000000000..1d74c4f78
--- /dev/null
+++ b/docs/download.html
@@ -0,0 +1,312 @@
+
+
+  
+    
+    Bootstrap, from Twitter
+    
+    
+    
+
+    
+    
+
+    
+    
+    
+    
+
+    
+    
+    
+    
+    
+  
+
+  
+  
+  
+    
    
+      
    
+        
    
+          Bootstrap
+          
+        
    
+      
    
+    
    
+
+    
    
+
+
    
+  Heads up! This page is still under construction and is missing plenty of documentation. Hang tight!
+
    
+
+
+
    
+  
    Download and customize Bootstrap
    
+  
    Download the full repository or customize your entire Bootstrap build by selecting only the components, javascript plugins, and assets you need.
    
+
    
+
+
    
+  
    
+    Toggle all
+    
    
+      1. Select components
+      Get just the CSS you need
+    
    
+  
    
+  
    
+    
    
+      
    Scaffolding
    
+      
+      
+      
+      
    Base CSS
    
+      
+      
+      
+      
+      
+      
+      
+    
    
+    
    
+      
    Components
    
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+    
    
+    
    
+      
    JS Components
    
+      
+      
+      
+      
+      
+      
+      
+    
    
+    
    
+      
    Miscellaneous
    
+      
+      
+      
+      
+      
    Responsive
    
+      
+      
+      
+    
    
+  
    
+
+  
    
+    Reset to defaults
+    
    
+      2. Modify variables
+      Customize Bootstrap without using a LESS compiler
+    
    
+  
    
+  
    
+    
    
+      
    Links
    
+      
+      
+      
+      
+      
    Grid system
    
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+    
    
+    
    
+      
    Typography
    
+      
+      
+      
+      
+      
+      
+      
    Forms
    
+      
+      
+      
+      
+      
    Navbar
    
+      
+      
+      
+      
+      
+      
+    
    
+    
    
+      
    Form states & alerts
    
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+    
    
+  
    
+
+  
    
+    Toggle all
+    
    
+      3. Select jQuery plugins
+      Quickly add only the necessary javascript
+    
    
+  
    
+  
    
+    
    
+      
+      
+      
+      
+      
+      
+    
    
+    
    
+      
+      
+      
+      
+      
+      
+    
    
+    
    
+      
    Heads up!
    
+      
    All plugins require the latest version of jQuery to be included.
    
+    
    
+  
    
+
+  
    
+    Build and Download
+  
    
+
    
+
+     
+      
+
+    
    
+
+
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+  
+
diff --git a/docs/index.html b/docs/index.html
index 2bbcaa78a..83e65c97e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -51,6 +51,9 @@
             
  • 
               Using LESS
             
    • 
+            
  • 
+              Download
+            
    • 
           
         
       
diff --git a/docs/javascript.html b/docs/javascript.html
index 425d347cb..a7818ff46 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -51,6 +51,9 @@
             
  • 
               Using LESS
             
    • 
+            
  • 
+              Download
+            
    • 
           
         
       
@@ -65,18 +68,18 @@
         
    Bring Bootstrap's components to life—now with 12 custom jQuery plugins.
         
    
           
         
    
       
diff --git a/docs/less.html b/docs/less.html
index 55138c71a..6bb04e8d8 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -51,6 +51,9 @@
             
  • 
               Using LESS
             
    • 
+            
  • 
+              Download
+            
    • 
           
         
       
@@ -69,177 +72,16 @@
   
    Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.
    
   
    
     
   
    
 
 
 
 
-
-
    
-  
    
-    
    Chop Shop Customize your build of Bootstrap
    
-  
    
-
-  
    
-    
    
-      
-      
    
-        
    
-          
    
-            
    
-              
    Scaffolding
    
-              
-              
-              
-              
    Base CSS
    
-              
-              
-              
-              
-              
-              
-              
-            
    
-            
    
-              
    Components
    
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-            
    
-            
    
-              
    JS Components
    
-              
-              
-              
-              
-              
-              
-              
-            
    
-            
    
-              
    Responsive
    
-              
-              
-              
-              
    Miscellaneous
    
-              
-              
-              
-              
-            
    
-          
    
-          
    
-            Reset variables
-            Next: Customize variables
-          
            
-        
    
-        
    
-          
    
-            
    
-              
    Links
    
-              
-              
-              
-              
-              
    Grid system
    
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-            
    
-            
    
-              
    Typography
    
-              
-              
-              
-              
-              
-              
-              
    Forms
    
-              
-              
-              
-              
-              
    Navbar
    
-              
-              
-              
-              
-              
-              
-            
    
-            
    
-              
    Form states & alerts
    
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-              
-            
    
-          
    
-          
    
-            Next: Build and download
-          
            
-        
    
-        
    
-          
    And you're set!
    
-          
    We've compiled your selected CSS and customized variables and have them ready to download as a tidy ZIP file. Choose from compiled or compiled and minified CSS files.
    
-          Download CSS Download minified CSS
-          
    
-          
    Looking to customize your javascript? Head over to the Javascript plugins page to build your own Bootstrap JS bundle.
    
-        
    
-      
    
-    
    
-  
    
-
-
    
-
-
-
 
 
    
@@ -249,7 +91,7 @@
   
    
     
    
       
    Why LESS?
    
-      
    Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.
    
+      
    Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by our good friend, Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.
    
     
    
     
    
       
    What's included?
    
@@ -283,7 +125,7 @@
 ================================================== -->
 
    
   
    
-    
    Variables from variables.less
    
+    
    Bootstrap variables 
    
   
    
 
   
    Hyperlinks
    
@@ -554,85 +396,8 @@
 
 
    
-  
    Mixins from mixins.less
    
-
    
-
-
-
-
-
    
-  
    Operations
    
-
    
-
-
-
-
-
    
-  
    Compiling LESS and Bootstrap
    
+  
    Bootstrap mixins 
    
 
    
-
-
-
-
-
-
    
-
    
-  
    Using Bootstrap with Less Supercharge your CSS with variables, mixins, and functions
    
-
    
-
    
-  
    
-    
    Bootstrap was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.
    
-    
    Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.
    
-  
    
-  
    
-    
    How to use it
    
-    
    Use this option to make full use of Bootstrap’s Less variables, mixins, and nesting in CSS via javascript in your browser.
    
-
    -<link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
-<script src="js/less-1.1.3.min.js"></script>
    
-
    Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.
    
-
-    
    What’s included
    
-    
    Here are some of the highlights of what’s included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.
    
-    
    Variables
    
-    
    Variables in Less are perfect for maintaining and updating your CSS headache free. When you want to change a color value or a frequently used value, update it in one spot and you’re set.
    
-
    -// Links
-@linkColor:         #8b59c2;
-@linkColorHover:    darken(@linkColor, 10);
-
-// Grays
-@black:             #000;
-@grayDark:          lighten(@black, 25%);
-@gray:              lighten(@black, 50%);
-@grayLight:         lighten(@black, 70%);
-@grayLighter:       lighten(@black, 90%);
-@white:             #fff;
-
-// Accent Colors
-@blue:              #08b5fb;
-@green:             #46a546;
-@red:               #9d261d;
-@yellow:            #ffc40d;
-@orange:            #f89406;
-@pink:              #c3325f;
-@purple:            #7a43b6;
-
-// Baseline grid
-@basefont:          13px;
-@baseline:          18px;
-
    
-
-
    Commenting
    
-
    Less also provides another style of commenting in addition to CSS’s normal /* ... */ syntax.
    
-
    -// This is a comment
-/* This is also a comment */
-
    
-
 
    Mixins up the wazoo
    
 
    Mixins are basically includes or partials for CSS, allowing you to combine a block of code into one. They’re great for vendor prefixed properties like box-shadow, cross-browser gradients, font stacks, and more. Below is a sample of the mixins that are included with Bootstrap.
    
 
    Font stacks
    
@@ -686,69 +451,59 @@
 }
 
 
-    
    Compiling Less
    
-    
    After modifying the .less files in /lib/, you'll need to recompile them in order to regenerate the bootstrap-*.*.*.css and bootstrap-*.*.*.min.css files. If you're submitting a pull request to GitHub, you must always recompile.
    
-    
    Ways to compile
    
-    
-      
-        
-          
-          
-        
-      
-      
-        
-          
-          
-        
-          
-          
-        
-        
-          
-          
-        
-        
-          
-          
-        
-        
-          
-          
-        
-        
-          
-          
-        
-        
-          
-          
-        
-      
-    
    MethodSteps
    Node with makefile
-            
    Install the LESS command line compiler with npm by running the following command:
    
-            
    $ npm install less
    
-            
    Once installed just run make from the root of your bootstrap directory and you're all set.
    
-            
    Additionally, if you have watchr installed, you may run make watch to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn't required, just a convenience method).
    
-          
    Javascript
-            
    Download the latest Less.js and include the path to it (and Bootstrap) in the <head>.
    
+
+
+
    
+  
    
+    
    Compiling Bootstrap with LESS
    
+  
    
+  
    
+    Note: If you're submitting a pull request to GitHub with modified CSS, you must recompile the CSS via any of these methods.
+  
    
+  
    Tools for compiling
    
+  
    
+    
    
+      
    Node with makefile
    
+      
    Install the LESS command line compiler with npm by running the following command:
    
+      
    $ npm install less
    
+      
    Once installed just run make from the root of your bootstrap directory and you're all set.
    
+      
    Additionally, if you have watchr installed, you may run make watch to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn't required, just a convenience method).
    
+    
    
+    
    
+      
    Command line
    
+      
    Install the LESS command line tool via Node and run the following command:
    
+        
    $ lessc ./lib/bootstrap.less > bootstrap.css
    
+      
    Be sure to include --compress in that command if you're trying to save some bytes!
    
+    
    
+    
    
+      
    Javascript
    
+      
    Download the latest Less.js and include the path to it (and Bootstrap) in the <head>.
    
 
     <link rel="stylesheet/less" href="/path/to/bootstrap.less">
 <script src="/path/to/less.js"></script>
 
    
-            
    To recompile the .less files, just save them and reload your page. Less.js compiles them and stores them in local storage.
    
-          
    Command line
-            
    Install the LESS command line tool via Node and run the following command:
    
-              
    $ lessc ./lib/bootstrap.less > bootstrap.css
    
-            
    Be sure to include --compress in that command if you're trying to save some bytes!
    
-          
    Unofficial Mac app
-            
    The unofficial Mac app watches directories of .less files and compiles the code to local files after every save of a watched .less file.
    
-            
    If you like, you can toggle preferences in the app for automatic minifying and which directory the compiled files end up in.
    
-          
    CrunchCrunch is a great looking LESS editor and compiler built on Adobe Air.
    CodeKitCreated by the same guy as the unofficial Mac app, CodeKit is a Mac app that compiles LESS, SASS, Stylus, and CoffeeScript.
    SimplessMac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.
    
-  
    
-
    
-
+      
    To recompile the .less files, just save them and reload your page. Less.js compiles them and stores them in local storage.
    
+    
    
+  
    
+  
    
+    
    
+      
    Unofficial Mac app
    
+      
    The unofficial Mac app watches directories of .less files and compiles the code to local files after every save of a watched .less file.
    
+      
    If you like, you can toggle preferences in the app for automatic minifying and which directory the compiled files end up in.
    
+    
    
+    
    
+      
    More Mac apps
    
+      
    Crunch
    
+      
    Crunch is a great looking LESS editor and compiler built on Adobe Air.
    
+      
    CodeKit
    
+      
    Created by the same guy as the unofficial Mac app, CodeKit is a Mac app that compiles LESS, SASS, Stylus, and CoffeeScript.
    
+      
    Simpless
    
+      
    Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.
    
+    
    
+  
    
 
    
+