<small>Quickly add only the necessary javascript</small>
...
...
@@ -216,7 +216,7 @@
<sectionclass="download"id="variables">
<divclass="page-header">
<aclass="btn small pull-right toggle-all"href="#">Reset to defaults</a>
<aclass="btn btn-small pull-right toggle-all"href="#">Reset to defaults</a>
<h1>
3. Customize variables
<small>Optionally modify Bootstrap without a compiler</small>
...
...
@@ -315,7 +315,7 @@
</h1>
</div>
<divclass="download-btn">
<aclass="btn xlarge primary"href="#">Customize and Download</a>
<aclass="btn btn-primary"href="#">Customize and Download</a>
<h4>What's included?</h4>
<p>Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.</p>
<p><ahref="#"class="tooltip-test"title="Tooltip">This link</a> and <ahref="#"class="tooltip-test"title="Tooltip">that link</a> should have tooltips on hover.</p>
@@ -802,7 +802,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
<h2>Example hover popover</h2>
<p>Hover over the button to trigger the popover.</p>
<divclass="well">
<ahref="#"class="btn danger"rel="popover"title="A Title"data-content="And here's some amazing content. It's very engaging. right?">hover for popover</a>
<ahref="#"class="btn btn-danger"rel="popover"title="A Title"data-content="And here's some amazing content. It's very engaging. right?">hover for popover</a>
</div>
<hr>
<h2>Using bootstrap-popover.js</h2>
...
...
@@ -917,7 +917,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
<h4class="alert-heading">Oh snap! You got an error!</h4>
<p>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.</p>
<p>
<aclass="btn danger small"href="#">Take this action</a><aclass="btn small"href="#">Or do this</a>
<aclass="btn btn-danger small"href="#">Take this action</a><aclass="btn small"href="#">Or do this</a>
</p>
</div>
<hr>
...
...
@@ -983,7 +983,7 @@ $('#my-alert').bind('closed', function () {
@@ -1008,9 +1008,9 @@ $('#my-alert').bind('closed', function () {
<td>Radio</td>
<td>
<divclass="btn-group"data-toggle="buttons-radio">
<buttonclass="btn primary">Left</button>
<buttonclass="btn primary">Middle</button>
<buttonclass="btn primary">Right</button>
<buttonclass="btn btn-primary">Left</button>
<buttonclass="btn btn-primary">Middle</button>
<buttonclass="btn btn-primary">Right</button>
</div>
</td>
</tr>
...
...
@@ -1158,7 +1158,7 @@ $('#my-alert').bind('closed', function () {
<h3>Markup</h3>
<p>Just add <code>data-toggle="collapse"</code> and a <code>data-target</code> to element to automatically assign control of a collapsible element. The <code>data-target</code> attribute accepts a css selector to apply the collapse to. Be sure to add the class <code>collapse</code> to the collapsible element. If you'd like it to default open, add the additional class <code>in</code>.</p>
<small>{{_i}}Quickly add only the necessary javascript{{/i}}</small>
...
...
@@ -140,7 +140,7 @@
<sectionclass="download"id="variables">
<divclass="page-header">
<aclass="btn small pull-right toggle-all"href="#">{{_i}}Reset to defaults{{/i}}</a>
<aclass="btn btn-small pull-right toggle-all"href="#">{{_i}}Reset to defaults{{/i}}</a>
<h1>
{{_i}}3. Customize variables{{/i}}
<small>{{_i}}Optionally modify Bootstrap without a compiler{{/i}}</small>
...
...
@@ -239,7 +239,7 @@
</h1>
</div>
<divclass="download-btn">
<aclass="btn xlarge primary"href="#">{{_i}}Customize and Download{{/i}}</a>
<aclass="btn btn-primary"href="#">{{_i}}Customize and Download{{/i}}</a>
<h4>{{_i}}What's included?{{/i}}</h4>
<p>{{_i}}Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.{{/i}}</p>
<p>{{_i}}<ahref="#"class="tooltip-test"title="Tooltip">This link</a> and <ahref="#"class="tooltip-test"title="Tooltip">that link</a> should have tooltips on hover.{{/i}}</p>
@@ -726,7 +726,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
<h2>{{_i}}Example hover popover{{/i}}</h2>
<p>{{_i}}Hover over the button to trigger the popover.{{/i}}</p>
<divclass="well">
<ahref="#"class="btn danger"rel="popover"title="A Title"data-content="And here's some amazing content. It's very engaging. right?">{{_i}}hover for popover{{/i}}</a>
<ahref="#"class="btn btn-danger"rel="popover"title="A Title"data-content="And here's some amazing content. It's very engaging. right?">{{_i}}hover for popover{{/i}}</a>
</div>
<hr>
<h2>{{_i}}Using bootstrap-popover.js{{/i}}</h2>
...
...
@@ -841,7 +841,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
<h4class="alert-heading">{{_i}}Oh snap! You got an error!{{/i}}</h4>
<p>{{_i}}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.{{/i}}</p>
<p>
<aclass="btn danger small"href="#">{{_i}}Take this action{{/i}}</a><aclass="btn small"href="#">{{_i}}Or do this{{/i}}</a>
<aclass="btn btn-danger small"href="#">{{_i}}Take this action{{/i}}</a><aclass="btn small"href="#">{{_i}}Or do this{{/i}}</a>
</p>
</div>
<hr>
...
...
@@ -907,7 +907,7 @@ $('#my-alert').bind('closed', function () {
@@ -1082,7 +1082,7 @@ $('#my-alert').bind('closed', function () {
<h3>{{_i}}Markup{{/i}}</h3>
<p>{{_i}}Just add <code>data-toggle="collapse"</code> and a <code>data-target</code> to element to automatically assign control of a collapsible element. The <code>data-target</code> attribute accepts a css selector to apply the collapse to. Be sure to add the class <code>collapse</code> to the collapsible element. If you'd like it to default open, add the additional class <code>in</code>.{{/i}}</p>
<p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
<p><aclass="btn primary large">Learn more »</a></p>
<p><aclass="btn btn-primary btn-large">Learn more »</a></p>
<p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
<p><aclass="btn primary large">Learn more »</a></p>
<p><aclass="btn btn-primary btn-large">Learn more »</a></p>
<p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
<p><aclass="btn primary large">Learn more »</a></p>
<p><aclass="btn btn-primary btn-large">Learn more »</a></p>
