21 merge requests!7033Fix backdrop undefined bug in modal,!8635ignore Gruntfile.js in jekyll,!8339Fix broken links to navbar component in docs examples,!7329Fix for issue #7328,!7219Fix for mini typo mistake in css.html,!7674Clear float on all when navbar is collapsed - v3,!7344Fixed .spanX selector (*= instead of ^=),!7346Fix compilation error,!7775added some tests for tooltip title setter,!8157Close Me: Docs "Customize and Download" button fix,!7509Proposed fix for allowing Collapse events ('show'/'hide') to be cancelled,!7964commit fixes #7792,!8656Added rel="stylesheet" to CDN-Examples,!8527Inner properties move 1,!8245Interactive color picker - Closed: request against wrong branch,!7865Patch 2,!7651Drop the sizzle dependency to allow smaller builds targeting mobile devices,!6853typeahead: do not store item data in an attribute,!6666Patch 1,!65463.0.0 wip - fixed the issue in which the test pid isn't killed if a test fails,!6503control markup changes added
@@ -512,7 +512,7 @@ For example, <code><section></code> should be wrapped as inlin
<p>Add any of the follow classes to the <code>.table</code> base class.</p>
<h3><code>.table-striped</code></h3>
<p>Adds zebra-striping to any table row within the <code><tbody></code> via the <code>:nth-child</code> CSS selector (not available in IE7-IE8).</p>
<p>Adds zebra-striping to any table row within the <code><tbody></code> via the <code>:nth-child</code> CSS selector (not available in IE8).</p>
<divclass="bs-docs-example">
<tableclass="table table-striped">
<thead>
...
...
@@ -1741,7 +1741,7 @@ For example, <code><section></code> should be wrapped as inlin
<img src="..." class="img-circle">
<img src="..." class="img-polaroid">
</pre>
<p><spanclass="label label-info">Heads up!</span><code>.img-rounded</code> and <code>.img-circle</code> do not work in IE7-8 due to lack of <code>border-radius</code> support.</p>
<p><spanclass="label label-info">Heads up!</span><code>.img-rounded</code> and <code>.img-circle</code> do not work in IE8 due to lack of <code>border-radius</code> support.</p>
<p>Thumbnails (previously <code>.media-grid</code> 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.</p>
<h3>Simple, flexible markup</h3>
<p>Thumbnail markup is simple—a <code>ul</code> with any number of <code>li</code> 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.</p>
<h3>Uses grid column sizes</h3>
<p>Lastly, the thumbnails component uses existing grid system classes—like <code>.span2</code> or <code>.span3</code>—for control of thumbnail dimensions.</p>
<h2>Markup</h2>
<p>As mentioned previously, the required markup for thumbnails is light and straightforward. Here's a look at the default setup <strong>for linked images</strong>:</p>
<p>For custom HTML content in thumbnails, the markup changes slightly. To allow block level content anywhere, we swap the <code><a></code> for a <code><div></code> like so:</p>
<p>Explore all your options with the various grid classes available to you. You can also mix and match different sizes.</p>
<ulclass="thumbnails">
<liclass="span4">
<ahref="#"class="thumbnail">
<imgsrc="http://placehold.it/360x270"alt="">
</a>
</li>
<liclass="span3">
<ahref="#"class="thumbnail">
<imgsrc="http://placehold.it/260x120"alt="">
</a>
</li>
<liclass="span2">
<ahref="#"class="thumbnail">
<imgsrc="http://placehold.it/160x120"alt="">
</a>
</li>
<liclass="span3">
<ahref="#"class="thumbnail">
<imgsrc="http://placehold.it/260x120"alt="">
</a>
</li>
<liclass="span2">
<ahref="#"class="thumbnail">
<imgsrc="http://placehold.it/160x120"alt="">
</a>
</li>
</ul>
</section>
...
...
@@ -2144,7 +2101,7 @@
</pre>
<h3>Striped</h3>
<p>Uses a gradient to create a striped effect. Not available in IE7-8.</p>
<p>Uses a gradient to create a striped effect. Not available in IE8.</p>
<divclass="bs-docs-example">
<divclass="progress progress-striped">
<divclass="bar"style="width: 20%;"></div>
...
...
@@ -2259,7 +2216,7 @@
<h2>Browser support</h2>
<p>Progress bars use CSS3 gradients, transitions, and animations to achieve all their effects. These features are not supported in IE7-9 or older versions of Firefox.</p>
<p>Progress bars use CSS3 gradients, transitions, and animations to achieve all their effects. These features are not supported in IE8-9 or older versions of Firefox.</p>
<p>Versions earlier than Internet Explorer 10 and Opera 12 do not support animations.</p>
<pclass="lead">Before downloading, be sure to have a code editor (we recommend <ahref="http://sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.</p>
<divclass="row-fluid">
<divclass="row">
<divclass="span6">
<h2>Download compiled</h2>
<p><strong>Fastest way to get started:</strong> get the compiled and minified versions of our CSS, JS, and images. No docs or original source files.</p>
<p>Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via <ahref="./scaffolding.html#responsive">responsive CSS</a> as well.</p>
<p>Bootstrap was made to not only look and behave great in the latest desktop browsers (including IE8+), but in tablet and smartphone browsers via <ahref="./scaffolding.html#responsive">responsive CSS</a> as well.</p>
<pclass="marketing-byline">For even more sites built with Bootstrap, <ahref="http://builtwithbootstrap.tumblr.com/"target="_blank">visit the unofficial Tumblr</a> or <ahref="./getting-started.html#examples">browse the examples</a>.</p>
<p>{{_i}}Add any of the follow classes to the <code>.table</code> base class.{{/i}}</p>
<h3><code>{{_i}}.table-striped{{/i}}</code></h3>
<p>{{_i}}Adds zebra-striping to any table row within the <code><tbody></code> via the <code>:nth-child</code> CSS selector (not available in IE7-IE8).{{/i}}</p>
<p>{{_i}}Adds zebra-striping to any table row within the <code><tbody></code> via the <code>:nth-child</code> CSS selector (not available in IE8).{{/i}}</p>
<divclass="bs-docs-example">
<tableclass="table table-striped">
<thead>
...
...
@@ -1678,7 +1678,7 @@
<img src="..." class="img-circle">
<img src="..." class="img-polaroid">
</pre>
<p><spanclass="label label-info">{{_i}}Heads up!{{/i}}</span>{{_i}}<code>.img-rounded</code> and <code>.img-circle</code> do not work in IE7-8 due to lack of <code>border-radius</code> support.{{/i}}</p>
<p><spanclass="label label-info">{{_i}}Heads up!{{/i}}</span>{{_i}}<code>.img-rounded</code> and <code>.img-circle</code> do not work in IE8 due to lack of <code>border-radius</code> support.{{/i}}</p>
<p>{{_i}}Thumbnails (previously <code>.media-grid</code> 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.{{/i}}</p>
<h3>{{_i}}Simple, flexible markup{{/i}}</h3>
<p>{{_i}}Thumbnail markup is simple—a <code>ul</code> with any number of <code>li</code> 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.{{/i}}</p>
<h3>{{_i}}Uses grid column sizes{{/i}}</h3>
<p>{{_i}}Lastly, the thumbnails component uses existing grid system classes—like <code>.span2</code> or <code>.span3</code>—for control of thumbnail dimensions.{{/i}}</p>
<h2>{{_i}}Markup{{/i}}</h2>
<p>{{_i}}As mentioned previously, the required markup for thumbnails is light and straightforward. Here's a look at the default setup <strong>for linked images</strong>:{{/i}}</p>
<p>{{_i}}For custom HTML content in thumbnails, the markup changes slightly. To allow block level content anywhere, we swap the <code><a></code> for a <code><div></code> like so:{{/i}}</p>
<p>{{_i}}Explore all your options with the various grid classes available to you. You can also mix and match different sizes.{{/i}}</p>
<ulclass="thumbnails">
<liclass="span4">
<ahref="#"class="thumbnail">
<imgsrc="http://placehold.it/360x270"alt="">
</a>
</li>
<liclass="span3">
<ahref="#"class="thumbnail">
<imgsrc="http://placehold.it/260x120"alt="">
</a>
</li>
<liclass="span2">
<ahref="#"class="thumbnail">
<imgsrc="http://placehold.it/160x120"alt="">
</a>
</li>
<liclass="span3">
<ahref="#"class="thumbnail">
<imgsrc="http://placehold.it/260x120"alt="">
</a>
</li>
<liclass="span2">
<ahref="#"class="thumbnail">
<imgsrc="http://placehold.it/160x120"alt="">
</a>
</li>
</ul>
</section>
...
...
@@ -2073,7 +2030,7 @@
</pre>
<h3>{{_i}}Striped{{/i}}</h3>
<p>{{_i}}Uses a gradient to create a striped effect. Not available in IE7-8.{{/i}}</p>
<p>{{_i}}Uses a gradient to create a striped effect. Not available in IE8.{{/i}}</p>
<divclass="bs-docs-example">
<divclass="progress progress-striped">
<divclass="bar"style="width: 20%;"></div>
...
...
@@ -2188,7 +2145,7 @@
<h2>{{_i}}Browser support{{/i}}</h2>
<p>{{_i}}Progress bars use CSS3 gradients, transitions, and animations to achieve all their effects. These features are not supported in IE7-9 or older versions of Firefox.{{/i}}</p>
<p>{{_i}}Progress bars use CSS3 gradients, transitions, and animations to achieve all their effects. These features are not supported in IE8-9 or older versions of Firefox.{{/i}}</p>
<p>{{_i}}Versions earlier than Internet Explorer 10 and Opera 12 do not support animations.{{/i}}</p>
<pclass="lead">{{_i}}Before downloading, be sure to have a code editor (we recommend <ahref="http://sublimetext.com/2">Sublime Text 2</a>) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.{{/i}}</p>
<divclass="row-fluid">
<divclass="row">
<divclass="span6">
<h2>{{_i}}Download compiled{{/i}}</h2>
<p>{{_i}}<strong>Fastest way to get started:</strong> get the compiled and minified versions of our CSS, JS, and images. No docs or original source files.{{/i}}</p>
<p>{{_i}}Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via <ahref="./scaffolding.html#responsive">responsive CSS</a> as well.{{/i}}</p>
<p>{{_i}}Bootstrap was made to not only look and behave great in the latest desktop browsers (including IE8+), but in tablet and smartphone browsers via <ahref="./scaffolding.html#responsive">responsive CSS</a> as well.{{/i}}</p>
<pclass="marketing-byline">{{_i}}For even more sites built with Bootstrap, <ahref="http://builtwithbootstrap.tumblr.com/"target="_blank">visit the unofficial Tumblr</a> or <ahref="./getting-started.html#examples">browse the examples</a>.{{/i}}</p>
