From 481ee2d0d85df795ac71e2ce3dab904e3e71f8f6 Mon Sep 17 00:00:00 2001 From: kirkstrobeck <kirk@strobeck.com> Date: Tue, 31 Jan 2012 15:24:21 -0800 Subject: [PATCH] Resolved quote/curly quote inconsistencies --- docs/base-css.html | 34 +++++++------- docs/components.html | 52 +++++++++++----------- docs/download.html | 2 +- docs/examples.html | 2 +- docs/index.html | 4 +- docs/javascript.html | 54 +++++++++++------------ docs/less.html | 22 ++++----- docs/scaffolding.html | 12 ++--- docs/templates/pages/base-css.mustache | 34 +++++++------- docs/templates/pages/components.mustache | 52 +++++++++++----------- docs/templates/pages/download.mustache | 2 +- docs/templates/pages/examples.mustache | 2 +- docs/templates/pages/index.mustache | 4 +- docs/templates/pages/javascript.mustache | 54 +++++++++++------------ docs/templates/pages/less.mustache | 22 ++++----- docs/templates/pages/scaffolding.mustache | 12 ++--- docs/templates/pages/upgrading.mustache | 4 +- docs/upgrading.html | 4 +- 18 files changed, 186 insertions(+), 186 deletions(-) diff --git a/docs/base-css.html b/docs/base-css.html index fe6e4fe896..6bcf2ac46d 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -251,7 +251,7 @@ <div class="row"> <div class="span4"> <p>To include a blockquote, wrap <code><blockquote></code> around any <abbr title="HyperText Markup Language">HTML</abbr> as the quote. For straight quotes we recommend a <code><p></code>.</p> - <p>Include an optional <code><small></code> element to cite your source and you'll get an em dash <code>&mdash;</code> before it for styling purposes.</p> + <p>Include an optional <code><small></code> element to cite your source and you’ll get an em dash <code>&mdash;</code> before it for styling purposes.</p> </div> <div class="span8"> <pre class="prettyprint linenums"> @@ -796,7 +796,7 @@ For example, <code>section</code> should be wrapped as inline. <div class="span4"> <h2>Flexible HTML and CSS</h2> <p>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.</p> - <p>More complicated layouts come with succinct and scalable classes for easy styling and event binding, so you're covered at every step.</p> + <p>More complicated layouts come with succinct and scalable classes for easy styling and event binding, so you’re covered at every step.</p> </div> <div class="span4"> <h2>Four layouts included</h2> @@ -811,7 +811,7 @@ For example, <code>section</code> should be wrapped as inline. </div> <div class="span4"> <h2>Control states and more</h2> - <p>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.</p> + <p>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.</p> <p>States like error, warning, and success are included for each type of form control. Also included are styles for disabled controls.</p> </div> </div> @@ -962,8 +962,8 @@ For example, <code>section</code> should be wrapped as inline. </form> </div> <div class="span4"> - <h3>What's included</h3> - <p>Shown on the left are all the default form controls we support. Here's the bulleted list:</p> + <h3>What’s included</h3> + <p>Shown on the left are all the default form controls we support. Here’s the bulleted list:</p> <ul> <li>text inputs (text, password, email, etc)</li> <li>checkbox</li> @@ -975,7 +975,7 @@ For example, <code>section</code> should be wrapped as inline. </ul> <hr> <h3>New defaults with v2.0</h3> - <p>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.</p> + <p>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.</p> </div> </div> @@ -1056,7 +1056,7 @@ For example, <code>section</code> should be wrapped as inline. </div> <div class="span4"> <h3>Redesigned browser states</h3> - <p>Bootstrap features styles for browser-supported focused and <code>disabled</code> states. We remove the default Webkit <code>outline</code> and apply a <code>box-shadow</code> in it's place for <code>:focus</code>.</p> + <p>Bootstrap features styles for browser-supported focused and <code>disabled</code> states. We remove the default Webkit <code>outline</code> and apply a <code>box-shadow</code> in it’s place for <code>:focus</code>.</p> <hr> <h3>Form validation</h3> <p>It also includes validation styles for errors, warnings, and success. To use, add the error class to the surrounding <code>.control-group</code>.</p> @@ -1113,7 +1113,7 @@ For example, <code>section</code> should be wrapped as inline. <span class="add-on">@</span> <input class="span2" id="prependedInput" size="16" type="text"> </div> - <p class="help-block">Here's some help text</p> + <p class="help-block">Here’s some help text</p> </div> </div> <div class="control-group"> @@ -1123,7 +1123,7 @@ For example, <code>section</code> should be wrapped as inline. <input class="span2" id="appendedInput" size="16" type="text"> <span class="add-on">.00</span> </div> - <p class="help-block">Here's more help text</p> + <p class="help-block">Here’s more help text</p> </div> </div> <div class="control-group"> @@ -1183,8 +1183,8 @@ For example, <code>section</code> should be wrapped as inline. <p>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.</p> <hr> <h3>Checkboxes and radios</h3> - <p>Up to v1.4, Bootstrap required extra markup around checkboxes and radios to stack them. Now, it's a simple matter of repeating the <code><label class="checkbox"></code> that wraps the <code><input type="checkbox"></code>.</p> - <p>Inline checkboxes and radios are also supported. Just add <code>.inline</code> to any <code>.checkbox</code> or <code>.radio</code> and you're done.</p> + <p>Up to v1.4, Bootstrap required extra markup around checkboxes and radios to stack them. Now, it’s a simple matter of repeating the <code><label class="checkbox"></code> that wraps the <code><input type="checkbox"></code>.</p> + <p>Inline checkboxes and radios are also supported. Just add <code>.inline</code> to any <code>.checkbox</code> or <code>.radio</code> and you’re done.</p> <hr> <h4>Inline forms and append/prepend</h4> <p>To use prepend or append inputs in an inline form, be sure to place the <code>.add-on</code> and <code>input</code> on the same line, without spaces.</p> @@ -1286,8 +1286,8 @@ For example, <code>section</code> should be wrapped as inline. </div> <div class="span4"> <h3>Cross browser compatibility</h3> - <p>In IE9, we drop the gradient on all buttons in favor of rounded corners as IE9 doesn't crop background gradients to the corners.</p> - <p>Related, IE9 jankifies disabled <code>button</code> elements, rendering text gray with a nasty text-shadow—unfortunately we can't fix this.</p> + <p>In IE9, we drop the gradient on all buttons in favor of rounded corners as IE9 doesn’t crop background gradients to the corners.</p> + <p>Related, IE9 jankifies disabled <code>button</code> elements, rendering text gray with a nasty text-shadow—unfortunately we can’t fix this.</p> </div> </div> @@ -1446,7 +1446,7 @@ For example, <code>section</code> should be wrapped as inline. </div> </div> <div class="alert alert-info"> - <strong>Heads up!</strong> Icon classes are echoed via CSS <code>:after</code>. In the docs, we show a light red background color on hover to hightlight the icon's size. + <strong>Heads up!</strong> Icon classes are echoed via CSS <code>:after</code>. In the docs, we show a light red background color on hover to hightlight the icon’s size. </div> <br> @@ -1454,7 +1454,7 @@ For example, <code>section</code> should be wrapped as inline. <div class="row"> <div class="span4"> <h3>Built as a sprite</h3> - <p>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 <code>background-position</code>. This is the same method we use on Twitter.com and it has worked well for us.</p> + <p>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 <code>background-position</code>. This is the same method we use on Twitter.com and it has worked well for us.</p> <p>All icons classes are prefixed with <code>.icon-</code> for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.</p> <p><a href="http://glyphicons.com" target="_blank">Glyphicons</a> has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.</p> </div> @@ -1468,7 +1468,7 @@ For example, <code>section</code> should be wrapped as inline. <pre class="prettyprint linenums"> <i class="icon-search icon-white"></i> </pre> - <p>There are 120 classes to choose from for your icons. Just add an <code><i></code> tag with the right classes and you're set. You can find the full list in <strong>sprites.less</strong> or right here in this document.</p> + <p>There are 120 classes to choose from for your icons. Just add an <code><i></code> tag with the right classes and you’re set. You can find the full list in <strong>sprites.less</strong> or right here in this document.</p> </div> <div class="span4"> <h3>Use cases</h3> @@ -1477,7 +1477,7 @@ For example, <code>section</code> should be wrapped as inline. <li>As visuals for your sidebar navigation</li> <li>For a purely icon-driven navigation</li> <li>For buttons to help convey the meaning of an action</li> - <li>With links to share context on a user's destination</li> + <li>With links to share context on a user’s destination</li> </ul> <p>Essentially, anywhere you can put an <code><i></code> tag, you can put an icon.</p> </div> diff --git a/docs/components.html b/docs/components.html index 0ccbf512e6..98e683e045 100644 --- a/docs/components.html +++ b/docs/components.html @@ -145,7 +145,7 @@ </div> <div class="span4"> <h3>Example markup</h3> - <p>Here's how the HTML looks for a standard button group built with anchor tag buttons:</p> + <p>Here’s how the HTML looks for a standard button group built with anchor tag buttons:</p> <pre class="prettyprint linenums"> <div class="btn-group"> <a class="btn" href="#">1</a> @@ -243,7 +243,7 @@ </div> <div class="span8"> <h3>Example markup</h3> - <p>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.</p> + <p>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.</p> <pre class="prettyprint linenums"> <div class="btn-group"> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> @@ -399,7 +399,7 @@ <h2>Stackable <small>Make tabs or pills vertical</small></h2> <div class="row"> <div class="span4"> - <h3>How to stack 'em</h3> + <h3>How to stack ’em</h3> <p>As tabs and pills are horizontal by default, just add a second class, <code>.nav-stacked</code>, to make them appear vertically stacked.</p> </div> <div class="span4"> @@ -507,10 +507,10 @@ <div class="row"> <div class="span4"> <h3>Application-style navigation</h3> - <p>Nav lists provide a simple and easy way to build groups of nav links with optional headers. They're best used in sidebars like the Finder in OS X.</p> - <p>Structurally, they're built on the same core nav styles as tabs and pills, so usage and customization are straightforward.</p> + <p>Nav lists provide a simple and easy way to build groups of nav links with optional headers. They’re best used in sidebars like the Finder in OS X.</p> + <p>Structurally, they’re built on the same core nav styles as tabs and pills, so usage and customization are straightforward.</p> <h4>With icons</h4> - <p>Nav lists are also easy to equip with icons. Add the proper <code><i></code> tag with class and you're set.</p> + <p>Nav lists are also easy to equip with icons. Add the proper <code><i></code> tag with class and you’re set.</p> </div> <div class="span4"> <h3>Example nav list</h3> @@ -576,7 +576,7 @@ <h2>Tabbable nav <small>Bring tabs to life via javascript</small></h2> <div class="row"> <div class="span4"> - <h3>What's included</h3> + <h3>What’s included</h3> <p>Bring your tabs to life with a simple plugin to toggle between content via tabs. Bootstrap integrates tabbable tabs in four styles: top (default), right, bottom, and left.</p> <p>Changing between them is easy and only requires changing very little markup.</p> </div> @@ -591,10 +591,10 @@ </ul> <div class="tab-content"> <div class="tab-pane active" id="1"> - <p>I'm in Section 1.</p> + <p>I’m in Section 1.</p> </div> <div class="tab-pane" id="2"> - <p>Howdy, I'm in Section 2.</p> + <p>Howdy, I’m in Section 2.</p> </div> <div class="tab-pane" id="3"> <p>What up girl, this is Section 3.</p> @@ -619,10 +619,10 @@ </ul> <div class="tab-content"> <div class="tab-pane active" id="1"> - <p>I'm in Section 1.</p> + <p>I’m in Section 1.</p> </div> <div class="tab-pane" id="2"> - <p>Howdy, I'm in Section 2.</p> + <p>Howdy, I’m in Section 2.</p> </div> </div> </div> @@ -636,10 +636,10 @@ <div class="tabbable tabs-below"> <div class="tab-content"> <div class="tab-pane active" id="A"> - <p>I'm in Section A.</p> + <p>I’m in Section A.</p> </div> <div class="tab-pane" id="B"> - <p>Howdy, I'm in Section B.</p> + <p>Howdy, I’m in Section B.</p> </div> <div class="tab-pane" id="C"> <p>What up girl, this is Section C.</p> @@ -673,10 +673,10 @@ </ul> <div class="tab-content"> <div class="tab-pane active" id="lA"> - <p>I'm in Section A.</p> + <p>I’m in Section A.</p> </div> <div class="tab-pane" id="lB"> - <p>Howdy, I'm in Section B.</p> + <p>Howdy, I’m in Section B.</p> </div> <div class="tab-pane" id="lC"> <p>What up girl, this is Section C.</p> @@ -705,10 +705,10 @@ </ul> <div class="tab-content"> <div class="tab-pane active" id="rA"> - <p>I'm in Section A.</p> + <p>I’m in Section A.</p> </div> <div class="tab-pane" id="rB"> - <p>Howdy, I'm in Section B.</p> + <p>Howdy, I’m in Section B.</p> </div> <div class="tab-pane" id="rC"> <p>What up girl, this is Section C.</p> @@ -1021,7 +1021,7 @@ <div class="row"> <div class="span4"> <h3>About pager</h3> - <p>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.</p> + <p>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.</p> </div> <div class="span4"> <h3>Default example</h3> @@ -1134,7 +1134,7 @@ <div class="row"> <div class="span6"> <h2>Default thumbnails</h2> - <p>By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.</p> + <p>By default, Bootstrap’s thumbnails are designed to showcase linked images with minimal required markup.</p> <ul class="thumbnails"> <li class="span3"> <a href="#" class="thumbnail"> @@ -1160,7 +1160,7 @@ </div> <div class="span6"> <h2>Highly customizable</h2> - <p>With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.</p> + <p>With a bit of extra markup, it’s possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.</p> <ul class="thumbnails"> <li class="span3"> <div class="thumbnail"> @@ -1193,7 +1193,7 @@ </div> <div class="span4"> <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> + <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> </div> <div class="span4"> <h3>Uses grid column sizes</h3> @@ -1204,7 +1204,7 @@ <div class="row"> <div class="span6"> <h2>The 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>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> <pre class="prettyprint linenums"> <ul class="thumbnails"> <li class="span3"> @@ -1282,9 +1282,9 @@ <div class="row"> <div class="span4"> <h3>Rewritten base class</h3> - <p>With Bootstrap 2, we've simplified the base class: <code>.alert</code> instead of <code>.alert-message</code>. We've also reduced the minimum required markup—no <code><p></code> is required by default, just the outter <code><div></code>.</p> + <p>With Bootstrap 2, we’ve simplified the base class: <code>.alert</code> instead of <code>.alert-message</code>. We’ve also reduced the minimum required markup—no <code><p></code> is required by default, just the outter <code><div></code>.</p> <h3>Single alert message</h3> - <p>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 <code>.alert-block</code>.</p> + <p>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 <code>.alert-block</code>.</p> <hr> <h3>Goes great with javascript</h3> <p>Bootstrap comes with a great jQuery plugin that supports alert messages, making dismissing them quick and easy.</p> @@ -1319,7 +1319,7 @@ </div> </div> - <h2>Contextual alternatives <small>Add optional classes to change an alert's connotation</small></h2> + <h2>Contextual alternatives <small>Add optional classes to change an alert’s connotation</small></h2> <div class="row"> <div class="span4"> <h3>Error or danger</h3> @@ -1456,7 +1456,7 @@ <h2>Wells</h2> <p>Use the well as a simple effect on an element to give it an inset effect.</p> <div class="well"> - Look, I'm in a well! + Look, I’m in a well! </div> <pre class="prettyprint linenums"> <div class="well"> diff --git a/docs/download.html b/docs/download.html index a3dc42f6ae..dfd5cfb1c6 100644 --- a/docs/download.html +++ b/docs/download.html @@ -316,7 +316,7 @@ </div> <div class="download-btn"> <a class="btn btn-primary" href="#">Customize and Download</a> - <h4>What's included?</h4> + <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> </div> </section><!-- /download --> diff --git a/docs/examples.html b/docs/examples.html index 6f35b71694..ecb4e435b5 100644 --- a/docs/examples.html +++ b/docs/examples.html @@ -78,7 +78,7 @@ ================================================== --> <header class="jumbotron subhead" id="overview"> <h1>Bootstrap examples</h1> - <p class="lead">We've included a few basic examples as starting points for your work with Bootstrap. We encourage folks to iterate on these examples and not simply use them as an end result.</p> + <p class="lead">We’ve included a few basic examples as starting points for your work with Bootstrap. We encourage folks to iterate on these examples and not simply use them as an end result.</p> </header> diff --git a/docs/index.html b/docs/index.html index ea370e1cd3..43f9c4cc1d 100644 --- a/docs/index.html +++ b/docs/index.html @@ -134,12 +134,12 @@ <div class="span4"> <img class="bs-icon" src="assets/img/glyphicons/glyphicons_155_show_thumbnails.png"> <h2>12-column grid</h2> - <p>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.</p> + <p>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.</p> </div> <div class="span4"> <img class="bs-icon" src="assets/img/glyphicons/glyphicons_214_resize_small.png"> <h2>Responsive design</h2> - <p>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.</p> + <p>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.</p> </div> <div class="span4"> <img class="bs-icon" src="assets/img/glyphicons/glyphicons_266_book_open.png"> diff --git a/docs/javascript.html b/docs/javascript.html index fb61f170a7..742092effd 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -78,7 +78,7 @@ ================================================== --> <header class="jumbotron subhead" id="overview"> <h1>Javascript for Bootstrap</h1> - <p class="lead">Bring Bootstrap's components to life—now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins. + <p class="lead">Bring Bootstrap’s components to life—now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins. <div class="subnav"> <ul class="nav nav-pills"> <li><a href="#javascript">All plugins</a></li> @@ -134,7 +134,7 @@ <div class="span3"> <label> <h3><a href="./javascript.html#tooltips">Tooltips</a></h3> - <p>A new take on the jQuery Tipsy plugin, Tooltips don't rely on images, uss CSS3 for animations, and data-attributes for local title storage.</p> + <p>A new take on the jQuery Tipsy plugin, Tooltips don’t rely on images, uss CSS3 for animations, and data-attributes for local title storage.</p> </label> </div> <div class="span3"> @@ -233,7 +233,7 @@ <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem.</p> <h4>Popover in a modal</h4> - <p>This <a href="#" class="btn popover-test" title="A Title" data-content="And here's some amazing content. It's very engaging. right?">button</a> should trigger a popover on hover.</p> + <p>This <a href="#" class="btn popover-test" title="A Title" data-content="And here’s some amazing content. It’s very engaging. right?">button</a> should trigger a popover on hover.</p> <h4>Tooltips in a modal</h4> <p><a href="#" class="tooltip-test" title="Tooltip">This link</a> and <a href="#" class="tooltip-test" title="Tooltip">that link</a> should have tooltips on hover.</p> @@ -317,7 +317,7 @@ $('#myModal').modal({ <p>Manually hides a modal.</p> <pre class="prettyprint linenums">$('#myModal').modal('hide')</pre> <h3>Events</h3> - <p>Bootstrap's modal class exposes a few events for hooking into modal functionality.</p> + <p>Bootstrap’s modal class exposes a few events for hooking into modal functionality.</p> <table class="table table-bordered table-striped"> <thead> <tr> @@ -521,11 +521,11 @@ $('#myModal').on('hidden', function () { <div data-spy="scroll" data-target="#navbarExample" data-offset="0" class="scrollspy-example"> <h4 id="fat">@fat</h4> <p> - 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. + 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. </p> <h4 id="mdo">@mdo</h4> <p> - 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. + 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. </p> <h4 id="one">one</h4> <p> @@ -533,13 +533,13 @@ $('#myModal').on('hidden', function () { </p> <h4 id="two">two</h4> <p> - 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. + 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. </p> <h4 id="three">three</h4> <p> - 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. + 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. </p> - <p>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. + <p>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. </p> </div> <hr> @@ -605,13 +605,13 @@ $('#myModal').on('hidden', function () { </ul> <div id="myTabContent" class="tab-content"> <div class="tab-pane fade in active" id="home"> - <p>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.</p> + <p>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.</p> </div> <div class="tab-pane fade" id="profile"> - <p>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.</p> + <p>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.</p> </div> <div class="tab-pane fade" id="dropdown1"> - <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p> + <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney’s organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven’t heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p> </div> <div class="tab-pane fade" id="dropdown2"> <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.</p> @@ -694,14 +694,14 @@ $('a[data-toggle="tab"]').on('shown', function (e) { <div class="row"> <div class="span3 columns"> <h3>About Tooltips</h3> - <p>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.</p> + <p>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.</p> <a href="../js/bootstrap-tooltip.js" target="_blank" class="btn">Download file</a> </div> <div class="span9 columns"> <h2>Example use of Tooltips</h2> <p>Hover over the links below to see tooltips:</p> <div class="tooltip-demo well"> - <p class="muted" style="margin-bottom: 0;">Tight pants next level keffiyeh <a href="#" rel='tooltip' title="first tooltip">you probably</a> 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 <a href="#" rel='tooltip' title='Another tooltip'>have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A <a href="#" rel='tooltip' title='Another one here too'>really ironic</a> artisan whatever keytar, scenester farm-to-table banksy Austin <a href="#" rel='tooltip' title='The last tip!'>twitter handle</a> freegan cred raw denim single-origin coffee viral. + <p class="muted" style="margin-bottom: 0;">Tight pants next level keffiyeh <a href="#" rel='tooltip' title="first tooltip">you probably</a> 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 <a href="#" rel='tooltip' title='Another tooltip'>have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney’s cleanse vegan chambray. A <a href="#" rel='tooltip' title='Another one here too'>really ironic</a> artisan whatever keytar, scenester farm-to-table banksy Austin <a href="#" rel='tooltip' title='The last tip!'>twitter handle</a> freegan cred raw denim single-origin coffee viral. </p> </div> <hr> @@ -741,7 +741,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) { <td>title</td> <td>string | function</td> <td>''</td> - <td>default title value if `title` tag isn't present</td> + <td>default title value if `title` tag isn’t present</td> </tr> <tr> <td>trigger</td> @@ -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> <div class="well"> - <a href="#" 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> + <a href="#" 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> @@ -847,13 +847,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) { <td>title</td> <td>string | function</td> <td>''</td> - <td>default title value if `title` attribute isn't present</td> + <td>default title value if `title` attribute isn’t present</td> </tr> <tr> <td>content</td> <td>string | function</td> <td>''</td> - <td>default content value if `data-content` attribute isn't present</td> + <td>default content value if `data-content` attribute isn’t present</td> </tr> <tr> <td>delay</td> @@ -934,7 +934,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) { <p>Closes an alert.</p> <pre class="prettyprint linenums">$(".alert-message").alert('close')</pre> <h3>Events</h3> - <p>Bootstrap's alert class exposes a few events for hooking into alert functionality.</p> + <p>Bootstrap’s alert class exposes a few events for hooking into alert functionality.</p> <table class="table table-bordered table-striped"> <thead> <tr> @@ -1042,7 +1042,7 @@ $('#my-alert').bind('closed', function () { </pre> <h3>Methods</h3> <h4>$().button('toggle')</h4> - <p>Toggles push state. Gives btn the look that it's been activated.</p> + <p>Toggles push state. Gives btn the look that it’s been activated.</p> <div class="alert alert-info"> <strong>Heads up!</strong> You can enable auto toggling of a button by using the <code>data-toggle</code> attribute. @@ -1095,7 +1095,7 @@ $('#my-alert').bind('closed', function () { </div> <div id="collapseOne" class="accordion-body collapse in"> <div class="accordion-inner"> - 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. + 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. </div> </div> </div> @@ -1107,7 +1107,7 @@ $('#my-alert').bind('closed', function () { </div> <div id="collapseTwo" class="accordion-body collapse"> <div class="accordion-inner"> - 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. + 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. </div> </div> </div> @@ -1119,7 +1119,7 @@ $('#my-alert').bind('closed', function () { </div> <div id="collapseThree" class="accordion-body collapse"> <div class="accordion-inner"> - 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. + 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. </div> </div> </div> @@ -1156,7 +1156,7 @@ $('#my-alert').bind('closed', function () { </tbody> </table> <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> + <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> <pre class="prettyprint linenums"> <button class="btn btn-danger" data-toggle="collapse" data-target="#demo"> simple collapsible @@ -1182,7 +1182,7 @@ $('#myCollapsible').collapse({ <p>Hides a collapsible element.</p> <h3>Events</h3> <p> - Bootstrap's collapse class exposes a few events for hooking into collapse functionality. + Bootstrap’s collapse class exposes a few events for hooking into collapse functionality. </p> <table class="table table-bordered table-striped"> <thead> @@ -1324,7 +1324,7 @@ $('.myCarousel').carousel({ <h4>.carousel('next')</h4> <p>Cycles to the next item.</p> <h3>Events</h3> - <p>Bootstrap's modal class exposes a few events for hooking into modal functionality.</p> + <p>Bootstrap’s modal class exposes a few events for hooking into modal functionality.</p> <table class="table table-bordered table-striped"> <thead> <tr> @@ -1339,7 +1339,7 @@ $('.myCarousel').carousel({ </tr> <tr> <td>slid</td> - <td>This event is fired when the carousel has completed it's slide transition.</td> + <td>This event is fired when the carousel has completed it’s slide transition.</td> </tr> </tbody> </table> diff --git a/docs/less.html b/docs/less.html index 4249822d7b..9ffe321fe9 100644 --- a/docs/less.html +++ b/docs/less.html @@ -78,7 +78,7 @@ ================================================== --> <header class="jumbotron subhead" id="overview"> <h1>Using LESS with Bootstrap</h1> - <p class="lead">Customize and extend Bootstrap with <a href="http://lesscss.org" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.</p> + <p class="lead">Customize and extend Bootstrap with <a href="http://lesscss.org" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap’s CSS.</p> <div class="subnav"> <ul class="nav nav-pills"> <li><a href="#builtWith">Built with Less</a></li> @@ -100,10 +100,10 @@ <div class="row"> <div class="span4"> <h3>Why LESS?</h3> - <p>Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by our good friend, <a href="http://cloudhead.io">Alexis Sellier</a>. It makes developing systems-based CSS faster, easier, and more fun.</p> + <p>Bootstrap is made with LESS at it’s core, a dynamic stylesheet language created by our good friend, <a href="http://cloudhead.io">Alexis Sellier</a>. It makes developing systems-based CSS faster, easier, and more fun.</p> </div> <div class="span4"> - <h3>What's included?</h3> + <h3>What’s included?</h3> <p>As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.</p> </div> <div class="span4"> @@ -119,7 +119,7 @@ </div> <div class="span4"> <h3><a href="#mixins">Mixins</a></h3> - <p>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.</p> + <p>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.</p> </div> <div class="span4"> <h3>Operations</h3> @@ -406,7 +406,7 @@ <div class="row"> <div class="span4"> <h3>Basic mixins</h3> - <p>A basic mixin is essentially an include or a partial for a snippet of CSS. They're written just like a CSS class and can be called anywhere.</p> + <p>A basic mixin is essentially an include or a partial for a snippet of CSS. They’re written just like a CSS class and can be called anywhere.</p> <pre class="prettyprint linenums"> .element { .clearfix(); @@ -424,7 +424,7 @@ </div><!-- /span4 --> <div class="span4"> <h3>Easily add your own</h3> - <p>Nearly all of Bootstrap's mixins are stored in mixins.less, a wonderful utility .less file that enables you to use a mixin in any of the .less files in the toolkit.</p> + <p>Nearly all of Bootstrap’s mixins are stored in mixins.less, a wonderful utility .less file that enables you to use a mixin in any of the .less files in the toolkit.</p> <p>So, go ahead and use the existing ones or feel free to add your own as you need.</p> </div><!-- /span4 --> </div><!-- /row --> @@ -605,7 +605,7 @@ <tr> <td><code>.scale()</code></td> <td><code>@ratio</code></td> - <td>Scale an element to <em>n</em> times it's original size</td> + <td>Scale an element to <em>n</em> times it’s original size</td> </tr> <tr> <td><code>.translate()</code></td> @@ -712,7 +712,7 @@ <h1>Compiling Bootstrap with LESS</h1> </div> <div class="alert alert-info"> - <strong>Note:</strong> If you're submitting a pull request to GitHub with modified CSS, you <strong>must</strong> recompile the CSS via any of these methods. + <strong>Note:</strong> If you’re submitting a pull request to GitHub with modified CSS, you <strong>must</strong> recompile the CSS via any of these methods. </div> <h2>Tools for compiling</h2> <div class="row"> @@ -720,14 +720,14 @@ <h3>Node with makefile</h3> <p>Install the LESS command line compiler with npm by running the following command:</p> <pre>$ npm install less</pre> - <p>Once installed just run <code>make</code> from the root of your bootstrap directory and you're all set.</p> - <p>Additionally, if you have <a href="https://github.com/mynyml/watchr">watchr</a> installed, you may run <code>make watch</code> to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn't required, just a convenience method).</p> + <p>Once installed just run <code>make</code> from the root of your bootstrap directory and you’re all set.</p> + <p>Additionally, if you have <a href="https://github.com/mynyml/watchr">watchr</a> installed, you may run <code>make watch</code> to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn’t required, just a convenience method).</p> </div><!-- /span4 --> <div class="span4"> <h3>Command line</h3> <p>Install the LESS command line tool via Node and run the following command:</p> <pre>$ lessc ./lib/bootstrap.less > bootstrap.css</pre> - <p>Be sure to include <code>--compress</code> in that command if you're trying to save some bytes!</p> + <p>Be sure to include <code>--compress</code> in that command if you’re trying to save some bytes!</p> </div><!-- /span4 --> <div class="span4"> <h3>Javascript</h3> diff --git a/docs/scaffolding.html b/docs/scaffolding.html index 7f9c9de661..b05b673b1f 100644 --- a/docs/scaffolding.html +++ b/docs/scaffolding.html @@ -78,7 +78,7 @@ ================================================== --> <header class="jumbotron subhead" id="overview"> <h1>Scaffolding</h1> - <p class="lead">Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.</p> + <p class="lead">Bootstrap is built on a responsive 12-column grid. We’ve also included fixed- and fluid-width layouts based on that system.</p> <div class="subnav"> <ul class="nav nav-pills"> <li><a href="#grid-system">Grid system</a></li> @@ -242,11 +242,11 @@ </div> <div class="span4"> <h3>How to customize</h3> - <p>Modifying the grid means changing the three <code>@grid*</code> variables and recompiling Bootstrap. Change the grid variables in variables.less and use one of the <a href="#compiling">four ways documented to recompile</a>. If you're adding more columns, be sure to add the CSS for those in grid.less.</p> + <p>Modifying the grid means changing the three <code>@grid*</code> variables and recompiling Bootstrap. Change the grid variables in variables.less and use one of the <a href="#compiling">four ways documented to recompile</a>. If you’re adding more columns, be sure to add the CSS for those in grid.less.</p> </div> <div class="span4"> <h3>Staying responsive</h3> - <p>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.</p> + <p>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.</p> </div> </div><!-- /row --> @@ -278,7 +278,7 @@ </div><!-- /col --> <div class="span6"> <h2>Fluid layout</h2> - <p><code><div class="container-fluid"></code> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.</p> + <p><code><div class="container-fluid"></code> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It’s great for apps and docs.</p> <div class="minicon-layout fluid"> <div class="minicon-layout-sidebar"></div> <div class="minicon-layout-body"></div> @@ -315,7 +315,7 @@ </div> <div class="span8"> <h2>Supported devices</h2> - <p>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:</p> + <p>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:</p> <table class="table table-bordered table-striped"> <thead> <tr> @@ -373,7 +373,7 @@ <h2>Using the media queries</h2> <div class="row"> <div class="span5"> - <p>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:</p> + <p>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:</p> <ol> <li>Use the compiled responsive version, bootstrap-responsive.css</li> <li>Add @import "responsive.less" and recompile Bootstrap</li> diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index cc235ffd01..9079d577c2 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -175,7 +175,7 @@ <div class="row"> <div class="span4"> <p>{{_i}}To include a blockquote, wrap <code><blockquote></code> around any <abbr title="HyperText Markup Language">HTML</abbr> as the quote. For straight quotes we recommend a <code><p></code>.{{/i}}</p> - <p>{{_i}}Include an optional <code><small></code> element to cite your source and you'll get an em dash <code>&mdash;</code> before it for styling purposes.{{/i}}</p> + <p>{{_i}}Include an optional <code><small></code> element to cite your source and you’ll get an em dash <code>&mdash;</code> before it for styling purposes.{{/i}}</p> </div> <div class="span8"> <pre class="prettyprint linenums"> @@ -720,7 +720,7 @@ <div class="span4"> <h2>{{_i}}Flexible HTML and CSS{{/i}}</h2> <p>{{_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}}</p> - <p>{{_i}}More complicated layouts come with succinct and scalable classes for easy styling and event binding, so you're covered at every step.{{/i}}</p> + <p>{{_i}}More complicated layouts come with succinct and scalable classes for easy styling and event binding, so you’re covered at every step.{{/i}}</p> </div> <div class="span4"> <h2>{{_i}}Four layouts included{{/i}}</h2> @@ -735,7 +735,7 @@ </div> <div class="span4"> <h2>{{_i}}Control states and more{{/i}}</h2> - <p>{{_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}}</p> + <p>{{_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}}</p> <p>{{_i}}States like error, warning, and success are included for each type of form control. Also included are styles for disabled controls.{{/i}}</p> </div> </div> @@ -886,8 +886,8 @@ </form> </div> <div class="span4"> - <h3>{{_i}}What's included{{/i}}</h3> - <p>{{_i}}Shown on the left are all the default form controls we support. Here's the bulleted list:{{/i}}</p> + <h3>{{_i}}What’s included{{/i}}</h3> + <p>{{_i}}Shown on the left are all the default form controls we support. Here’s the bulleted list:{{/i}}</p> <ul> <li>{{_i}}text inputs (text, password, email, etc){{/i}}</li> <li>{{_i}}checkbox{{/i}}</li> @@ -899,7 +899,7 @@ </ul> <hr> <h3>{{_i}}New defaults with v2.0{{/i}}</h3> - <p>{{_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}}</p> + <p>{{_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}}</p> </div> </div> @@ -980,7 +980,7 @@ </div> <div class="span4"> <h3>{{_i}}Redesigned browser states{{/i}}</h3> - <p>{{_i}}Bootstrap features styles for browser-supported focused and <code>disabled</code> states. We remove the default Webkit <code>outline</code> and apply a <code>box-shadow</code> in it's place for <code>:focus</code>.{{/i}}</p> + <p>{{_i}}Bootstrap features styles for browser-supported focused and <code>disabled</code> states. We remove the default Webkit <code>outline</code> and apply a <code>box-shadow</code> in it’s place for <code>:focus</code>.{{/i}}</p> <hr> <h3>{{_i}}Form validation{{/i}}</h3> <p>{{_i}}It also includes validation styles for errors, warnings, and success. To use, add the error class to the surrounding <code>.control-group</code>.{{/i}}</p> @@ -1037,7 +1037,7 @@ <span class="add-on">@</span> <input class="span2" id="prependedInput" size="16" type="text"> </div> - <p class="help-block">{{_i}}Here's some help text{{/i}}</p> + <p class="help-block">{{_i}}Here’s some help text{{/i}}</p> </div> </div> <div class="control-group"> @@ -1047,7 +1047,7 @@ <input class="span2" id="appendedInput" size="16" type="text"> <span class="add-on">.00</span> </div> - <p class="help-block">{{_i}}Here's more help text{{/i}}</p> + <p class="help-block">{{_i}}Here’s more help text{{/i}}</p> </div> </div> <div class="control-group"> @@ -1107,8 +1107,8 @@ <p>{{_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}}</p> <hr> <h3>{{_i}}Checkboxes and radios{{/i}}</h3> - <p>{{_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 <code><label class="checkbox"></code> that wraps the <code><input type="checkbox"></code>.{{/i}}</p> - <p>{{_i}}Inline checkboxes and radios are also supported. Just add <code>.inline</code> to any <code>.checkbox</code> or <code>.radio</code> and you're done.{{/i}}</p> + <p>{{_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 <code><label class="checkbox"></code> that wraps the <code><input type="checkbox"></code>.{{/i}}</p> + <p>{{_i}}Inline checkboxes and radios are also supported. Just add <code>.inline</code> to any <code>.checkbox</code> or <code>.radio</code> and you’re done.{{/i}}</p> <hr> <h4>{{_i}}Inline forms and append/prepend{{/i}}</h4> <p>{{_i}}To use prepend or append inputs in an inline form, be sure to place the <code>.add-on</code> and <code>input</code> on the same line, without spaces.{{/i}}</p> @@ -1210,8 +1210,8 @@ </div> <div class="span4"> <h3>Cross browser compatibility</h3> - <p>In IE9, we drop the gradient on all buttons in favor of rounded corners as IE9 doesn't crop background gradients to the corners.</p> - <p>Related, IE9 jankifies disabled <code>button</code> elements, rendering text gray with a nasty text-shadow—unfortunately we can't fix this.</p> + <p>In IE9, we drop the gradient on all buttons in favor of rounded corners as IE9 doesn’t crop background gradients to the corners.</p> + <p>Related, IE9 jankifies disabled <code>button</code> elements, rendering text gray with a nasty text-shadow—unfortunately we can’t fix this.</p> </div> </div> @@ -1370,7 +1370,7 @@ </div> </div> <div class="alert alert-info"> - {{_i}}<strong>Heads up!</strong> Icon classes are echoed via CSS <code>:after</code>. In the docs, we show a light red background color on hover to hightlight the icon's size.{{/i}} + {{_i}}<strong>Heads up!</strong> Icon classes are echoed via CSS <code>:after</code>. In the docs, we show a light red background color on hover to hightlight the icon’s size.{{/i}} </div> <br> @@ -1378,7 +1378,7 @@ <div class="row"> <div class="span4"> <h3>{{_i}}Built as a sprite{{/i}}</h3> - <p>{{_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 <code>background-position</code>. This is the same method we use on Twitter.com and it has worked well for us.{{/i}}</p> + <p>{{_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 <code>background-position</code>. This is the same method we use on Twitter.com and it has worked well for us.{{/i}}</p> <p>{{_i}}All icons classes are prefixed with <code>.icon-</code> for proper namespacing and scoping, much like our other components. This will help avoid conflicts with other tools.{{/i}}</p> <p>{{_i}}<a href="http://glyphicons.com" target="_blank">Glyphicons</a> has granted us use of the Halflings set in our open-source toolkit so long as we provide a link and credit here in the docs. Please consider doing the same in your projects.{{/i}}</p> </div> @@ -1392,7 +1392,7 @@ <pre class="prettyprint linenums"> <i class="icon-search icon-white"></i> </pre> - <p>{{_i}}There are 120 classes to choose from for your icons. Just add an <code><i></code> tag with the right classes and you're set. You can find the full list in <strong>sprites.less</strong> or right here in this document.{{/i}}</p> + <p>{{_i}}There are 120 classes to choose from for your icons. Just add an <code><i></code> tag with the right classes and you’re set. You can find the full list in <strong>sprites.less</strong> or right here in this document.{{/i}}</p> </div> <div class="span4"> <h3>{{_i}}Use cases{{/i}}</h3> @@ -1401,7 +1401,7 @@ <li>{{_i}}As visuals for your sidebar navigation{{/i}}</li> <li>{{_i}}For a purely icon-driven navigation{{/i}}</li> <li>{{_i}}For buttons to help convey the meaning of an action{{/i}}</li> - <li>{{_i}}With links to share context on a user's destination{{/i}}</li> + <li>{{_i}}With links to share context on a user’s destination{{/i}}</li> </ul> <p>{{_i}}Essentially, anywhere you can put an <code><i></code> tag, you can put an icon.{{/i}}</p> </div> diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache index ab11337df5..e4549c331d 100644 --- a/docs/templates/pages/components.mustache +++ b/docs/templates/pages/components.mustache @@ -69,7 +69,7 @@ </div> <div class="span4"> <h3>{{_i}}Example markup{{/i}}</h3> - <p>{{_i}}Here's how the HTML looks for a standard button group built with anchor tag buttons:{{/i}}</p> + <p>{{_i}}Here’s how the HTML looks for a standard button group built with anchor tag buttons:{{/i}}</p> <pre class="prettyprint linenums"> <div class="btn-group"> <a class="btn" href="#">1</a> @@ -167,7 +167,7 @@ </div> <div class="span8"> <h3>{{_i}}Example markup{{/i}}</h3> - <p>{{_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}}</p> + <p>{{_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}}</p> <pre class="prettyprint linenums"> <div class="btn-group"> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> @@ -323,7 +323,7 @@ <h2>{{_i}}Stackable{{/i}} <small>{{_i}}Make tabs or pills vertical{{/i}}</small></h2> <div class="row"> <div class="span4"> - <h3>{{_i}}How to stack 'em{{/i}}</h3> + <h3>{{_i}}How to stack ’em{{/i}}</h3> <p>{{_i}}As tabs and pills are horizontal by default, just add a second class, <code>.nav-stacked</code>, to make them appear vertically stacked.{{/i}}</p> </div> <div class="span4"> @@ -431,10 +431,10 @@ <div class="row"> <div class="span4"> <h3>{{_i}}Application-style navigation{{/i}}</h3> - <p>{{_i}}Nav lists provide a simple and easy way to build groups of nav links with optional headers. They're best used in sidebars like the Finder in OS X.{{/i}}</p> - <p>{{_i}}Structurally, they're built on the same core nav styles as tabs and pills, so usage and customization are straightforward.{{/i}}</p> + <p>{{_i}}Nav lists provide a simple and easy way to build groups of nav links with optional headers. They’re best used in sidebars like the Finder in OS X.{{/i}}</p> + <p>{{_i}}Structurally, they’re built on the same core nav styles as tabs and pills, so usage and customization are straightforward.{{/i}}</p> <h4>{{_i}}With icons{{/i}}</h4> - <p>{{_i}}Nav lists are also easy to equip with icons. Add the proper <code><i></code> tag with class and you're set.{{/i}}</p> + <p>{{_i}}Nav lists are also easy to equip with icons. Add the proper <code><i></code> tag with class and you’re set.{{/i}}</p> </div> <div class="span4"> <h3>{{_i}}Example nav list{{/i}}</h3> @@ -500,7 +500,7 @@ <h2>{{_i}}Tabbable nav{{/i}} <small>{{_i}}Bring tabs to life via javascript{{/i}}</small></h2> <div class="row"> <div class="span4"> - <h3>{{_i}}What's included{{/i}}</h3> + <h3>{{_i}}What’s included{{/i}}</h3> <p>{{_i}}Bring your tabs to life with a simple plugin to toggle between content via tabs. Bootstrap integrates tabbable tabs in four styles: top (default), right, bottom, and left.{{/i}}</p> <p>{{_i}}Changing between them is easy and only requires changing very little markup.{{/i}}</p> </div> @@ -515,10 +515,10 @@ </ul> <div class="tab-content"> <div class="tab-pane active" id="1"> - <p>{{_i}}I'm in Section 1.{{/i}}</p> + <p>{{_i}}I’m in Section 1.{{/i}}</p> </div> <div class="tab-pane" id="2"> - <p>{{_i}}Howdy, I'm in Section 2.{{/i}}</p> + <p>{{_i}}Howdy, I’m in Section 2.{{/i}}</p> </div> <div class="tab-pane" id="3"> <p>{{_i}}What up girl, this is Section 3.{{/i}}</p> @@ -543,10 +543,10 @@ </ul> <div class="tab-content"> <div class="tab-pane active" id="1"> - <p>{{_i}}I'm in Section 1.{{/i}}</p> + <p>{{_i}}I’m in Section 1.{{/i}}</p> </div> <div class="tab-pane" id="2"> - <p>{{_i}}Howdy, I'm in Section 2.{{/i}}</p> + <p>{{_i}}Howdy, I’m in Section 2.{{/i}}</p> </div> </div> </div> @@ -560,10 +560,10 @@ <div class="tabbable tabs-below"> <div class="tab-content"> <div class="tab-pane active" id="A"> - <p>{{_i}}I'm in Section A.{{/i}}</p> + <p>{{_i}}I’m in Section A.{{/i}}</p> </div> <div class="tab-pane" id="B"> - <p>{{_i}}Howdy, I'm in Section B.{{/i}}</p> + <p>{{_i}}Howdy, I’m in Section B.{{/i}}</p> </div> <div class="tab-pane" id="C"> <p>{{_i}}What up girl, this is Section C.{{/i}}</p> @@ -597,10 +597,10 @@ </ul> <div class="tab-content"> <div class="tab-pane active" id="lA"> - <p>{{_i}}I'm in Section A.{{/i}}</p> + <p>{{_i}}I’m in Section A.{{/i}}</p> </div> <div class="tab-pane" id="lB"> - <p>{{_i}}Howdy, I'm in Section B.{{/i}}</p> + <p>{{_i}}Howdy, I’m in Section B.{{/i}}</p> </div> <div class="tab-pane" id="lC"> <p>{{_i}}What up girl, this is Section C.{{/i}}</p> @@ -629,10 +629,10 @@ </ul> <div class="tab-content"> <div class="tab-pane active" id="rA"> - <p>{{_i}}I'm in Section A.{{/i}}</p> + <p>{{_i}}I’m in Section A.{{/i}}</p> </div> <div class="tab-pane" id="rB"> - <p>{{_i}}Howdy, I'm in Section B.{{/i}}</p> + <p>{{_i}}Howdy, I’m in Section B.{{/i}}</p> </div> <div class="tab-pane" id="rC"> <p>{{_i}}What up girl, this is Section C.{{/i}}</p> @@ -945,7 +945,7 @@ <div class="row"> <div class="span4"> <h3>{{_i}}About pager{{/i}}</h3> - <p>{{_i}}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.{{/i}}</p> + <p>{{_i}}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.{{/i}}</p> </div> <div class="span4"> <h3>{{_i}}Default example{{/i}}</h3> @@ -1058,7 +1058,7 @@ <div class="row"> <div class="span6"> <h2>{{_i}}Default thumbnails{{/i}}</h2> - <p>{{_i}}By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.{{/i}}</p> + <p>{{_i}}By default, Bootstrap’s thumbnails are designed to showcase linked images with minimal required markup.{{/i}}</p> <ul class="thumbnails"> <li class="span3"> <a href="#" class="thumbnail"> @@ -1084,7 +1084,7 @@ </div> <div class="span6"> <h2>{{_i}}Highly customizable{{/i}}</h2> - <p>{{_i}}With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.{{/i}}</p> + <p>{{_i}}With a bit of extra markup, it’s possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.{{/i}}</p> <ul class="thumbnails"> <li class="span3"> <div class="thumbnail"> @@ -1117,7 +1117,7 @@ </div> <div class="span4"> <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> + <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> </div> <div class="span4"> <h3>{{_i}}Uses grid column sizes{{/i}}</h3> @@ -1128,7 +1128,7 @@ <div class="row"> <div class="span6"> <h2>{{_i}}The 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}}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> <pre class="prettyprint linenums"> <ul class="thumbnails"> <li class="span3"> @@ -1206,9 +1206,9 @@ <div class="row"> <div class="span4"> <h3>{{_i}}Rewritten base class{{/i}}</h3> - <p>{{_i}}With Bootstrap 2, we've simplified the base class: <code>.alert</code> instead of <code>.alert-message</code>. We've also reduced the minimum required markup—no <code><p></code> is required by default, just the outter <code><div></code>.{{/i}}</p> + <p>{{_i}}With Bootstrap 2, we’ve simplified the base class: <code>.alert</code> instead of <code>.alert-message</code>. We’ve also reduced the minimum required markup—no <code><p></code> is required by default, just the outter <code><div></code>.{{/i}}</p> <h3>{{_i}}Single alert message{{/i}}</h3> - <p>{{_i}}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 <code>.alert-block</code>.{{/i}}</p> + <p>{{_i}}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 <code>.alert-block</code>.{{/i}}</p> <hr> <h3>{{_i}}Goes great with javascript{{/i}}</h3> <p>{{_i}}Bootstrap comes with a great jQuery plugin that supports alert messages, making dismissing them quick and easy.{{/i}}</p> @@ -1243,7 +1243,7 @@ </div> </div> - <h2>{{_i}}Contextual alternatives{{/i}} <small>{{_i}}Add optional classes to change an alert's connotation{{/i}}</small></h2> + <h2>{{_i}}Contextual alternatives{{/i}} <small>{{_i}}Add optional classes to change an alert’s connotation{{/i}}</small></h2> <div class="row"> <div class="span4"> <h3>{{_i}}Error or danger{{/i}}</h3> @@ -1380,7 +1380,7 @@ <h2>{{_i}}Wells{{/i}}</h2> <p>{{_i}}Use the well as a simple effect on an element to give it an inset effect.{{/i}}</p> <div class="well"> - {{_i}}Look, I'm in a well!{{/i}} + {{_i}}Look, I’m in a well!{{/i}} </div> <pre class="prettyprint linenums"> <div class="well"> diff --git a/docs/templates/pages/download.mustache b/docs/templates/pages/download.mustache index da91b1159f..ea2fda26b6 100644 --- a/docs/templates/pages/download.mustache +++ b/docs/templates/pages/download.mustache @@ -240,7 +240,7 @@ </div> <div class="download-btn"> <a class="btn btn-primary" href="#">{{_i}}Customize and Download{{/i}}</a> - <h4>{{_i}}What's included?{{/i}}</h4> + <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> </div> </section><!-- /download --> diff --git a/docs/templates/pages/examples.mustache b/docs/templates/pages/examples.mustache index 22d78b982b..b5cee7a452 100644 --- a/docs/templates/pages/examples.mustache +++ b/docs/templates/pages/examples.mustache @@ -2,7 +2,7 @@ ================================================== --> <header class="jumbotron subhead" id="overview"> <h1>{{_i}}Bootstrap examples{{/i}}</h1> - <p class="lead">{{_i}}We've included a few basic examples as starting points for your work with Bootstrap. We encourage folks to iterate on these examples and not simply use them as an end result.{{/i}}</p> + <p class="lead">{{_i}}We’ve included a few basic examples as starting points for your work with Bootstrap. We encourage folks to iterate on these examples and not simply use them as an end result.{{/i}}</p> </header> diff --git a/docs/templates/pages/index.mustache b/docs/templates/pages/index.mustache index f7cadc0814..adb0faabd7 100644 --- a/docs/templates/pages/index.mustache +++ b/docs/templates/pages/index.mustache @@ -58,12 +58,12 @@ <div class="span4"> <img class="bs-icon" src="assets/img/glyphicons/glyphicons_155_show_thumbnails.png"> <h2>{{_i}}12-column grid{{/i}}</h2> - <p>{{_i}}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.{{/i}}</p> + <p>{{_i}}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.{{/i}}</p> </div> <div class="span4"> <img class="bs-icon" src="assets/img/glyphicons/glyphicons_214_resize_small.png"> <h2>{{_i}}Responsive design{{/i}}</h2> - <p>{{_i}}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.{{/i}}</p> + <p>{{_i}}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.{{/i}}</p> </div> <div class="span4"> <img class="bs-icon" src="assets/img/glyphicons/glyphicons_266_book_open.png"> diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache index f2bbf0216c..1be2418de1 100644 --- a/docs/templates/pages/javascript.mustache +++ b/docs/templates/pages/javascript.mustache @@ -2,7 +2,7 @@ ================================================== --> <header class="jumbotron subhead" id="overview"> <h1>{{_i}}Javascript for Bootstrap{{/i}}</h1> - <p class="lead">{{_i}}Bring Bootstrap's components to life—now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.{{/i}} + <p class="lead">{{_i}}Bring Bootstrap’s components to life—now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.{{/i}} <div class="subnav"> <ul class="nav nav-pills"> <li><a href="#javascript">{{_i}}All plugins{{/i}}</a></li> @@ -58,7 +58,7 @@ <div class="span3"> <label> <h3><a href="./javascript.html#tooltips">{{_i}}Tooltips{{/i}}</a></h3> - <p>{{_i}}A new take on the jQuery Tipsy plugin, Tooltips don't rely on images, uss CSS3 for animations, and data-attributes for local title storage.{{/i}}</p> + <p>{{_i}}A new take on the jQuery Tipsy plugin, Tooltips don’t rely on images, uss CSS3 for animations, and data-attributes for local title storage.{{/i}}</p> </label> </div> <div class="span3"> @@ -157,7 +157,7 @@ <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem.</p> <h4>{{_i}}Popover in a modal{{/i}}</h4> - <p>{{_i}}This <a href="#" class="btn popover-test" title="A Title" data-content="And here's some amazing content. It's very engaging. right?">button</a> should trigger a popover on hover.{{/i}}</p> + <p>{{_i}}This <a href="#" class="btn popover-test" title="A Title" data-content="And here’s some amazing content. It’s very engaging. right?">button</a> should trigger a popover on hover.{{/i}}</p> <h4>{{_i}}Tooltips in a modal{{/i}}</h4> <p>{{_i}}<a href="#" class="tooltip-test" title="Tooltip">This link</a> and <a href="#" class="tooltip-test" title="Tooltip">that link</a> should have tooltips on hover.{{/i}}</p> @@ -241,7 +241,7 @@ $('#myModal').modal({ <p>{{_i}}Manually hides a modal.{{/i}}</p> <pre class="prettyprint linenums">$('#myModal').modal('hide')</pre> <h3>{{_i}}Events{{/i}}</h3> - <p>{{_i}}Bootstrap's modal class exposes a few events for hooking into modal functionality.{{/i}}</p> + <p>{{_i}}Bootstrap’s modal class exposes a few events for hooking into modal functionality.{{/i}}</p> <table class="table table-bordered table-striped"> <thead> <tr> @@ -445,11 +445,11 @@ $('#myModal').on('hidden', function () { <div data-spy="scroll" data-target="#navbarExample" data-offset="0" class="scrollspy-example"> <h4 id="fat">@fat</h4> <p> - 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. + 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. </p> <h4 id="mdo">@mdo</h4> <p> - 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. + 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. </p> <h4 id="one">one</h4> <p> @@ -457,13 +457,13 @@ $('#myModal').on('hidden', function () { </p> <h4 id="two">two</h4> <p> - 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. + 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. </p> <h4 id="three">three</h4> <p> - 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. + 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. </p> - <p>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. + <p>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. </p> </div> <hr> @@ -529,13 +529,13 @@ $('#myModal').on('hidden', function () { </ul> <div id="myTabContent" class="tab-content"> <div class="tab-pane fade in active" id="home"> - <p>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.</p> + <p>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.</p> </div> <div class="tab-pane fade" id="profile"> - <p>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.</p> + <p>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.</p> </div> <div class="tab-pane fade" id="dropdown1"> - <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p> + <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney’s organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven’t heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p> </div> <div class="tab-pane fade" id="dropdown2"> <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.</p> @@ -618,14 +618,14 @@ $('a[data-toggle="tab"]').on('shown', function (e) { <div class="row"> <div class="span3 columns"> <h3>{{_i}}About Tooltips{{/i}}</h3> - <p>{{_i}}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.{{/i}}</p> + <p>{{_i}}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.{{/i}}</p> <a href="../js/bootstrap-tooltip.js" target="_blank" class="btn">{{_i}}Download file{{/i}}</a> </div> <div class="span9 columns"> <h2>{{_i}}Example use of Tooltips{{/i}}</h2> <p>{{_i}}Hover over the links below to see tooltips:{{/i}}</p> <div class="tooltip-demo well"> - <p class="muted" style="margin-bottom: 0;">{{_i}}Tight pants next level keffiyeh <a href="#" rel='tooltip' title="first tooltip">you probably</a> 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 <a href="#" rel='tooltip' title='Another tooltip'>have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A <a href="#" rel='tooltip' title='Another one here too'>really ironic</a> artisan whatever keytar, scenester farm-to-table banksy Austin <a href="#" rel='tooltip' title='The last tip!'>twitter handle</a> freegan cred raw denim single-origin coffee viral.{{/i}} + <p class="muted" style="margin-bottom: 0;">{{_i}}Tight pants next level keffiyeh <a href="#" rel='tooltip' title="first tooltip">you probably</a> 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 <a href="#" rel='tooltip' title='Another tooltip'>have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney’s cleanse vegan chambray. A <a href="#" rel='tooltip' title='Another one here too'>really ironic</a> artisan whatever keytar, scenester farm-to-table banksy Austin <a href="#" rel='tooltip' title='The last tip!'>twitter handle</a> freegan cred raw denim single-origin coffee viral.{{/i}} </p> </div> <hr> @@ -665,7 +665,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) { <td>{{_i}}title{{/i}}</td> <td>{{_i}}string | function{{/i}}</td> <td>''</td> - <td>{{_i}}default title value if `title` tag isn't present{{/i}}</td> + <td>{{_i}}default title value if `title` tag isn’t present{{/i}}</td> </tr> <tr> <td>{{_i}}trigger{{/i}}</td> @@ -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> <div class="well"> - <a href="#" 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> + <a href="#" 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> @@ -771,13 +771,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) { <td>{{_i}}title{{/i}}</td> <td>{{_i}}string | function{{/i}}</td> <td>''</td> - <td>{{_i}}default title value if `title` attribute isn't present{{/i}}</td> + <td>{{_i}}default title value if `title` attribute isn’t present{{/i}}</td> </tr> <tr> <td>{{_i}}content{{/i}}</td> <td>{{_i}}string | function{{/i}}</td> <td>''</td> - <td>{{_i}}default content value if `data-content` attribute isn't present{{/i}}</td> + <td>{{_i}}default content value if `data-content` attribute isn’t present{{/i}}</td> </tr> <tr> <td>{{_i}}delay{{/i}}</td> @@ -858,7 +858,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) { <p>{{_i}}Closes an alert.{{/i}}</p> <pre class="prettyprint linenums">$(".alert-message").alert('close')</pre> <h3>{{_i}}Events{{/i}}</h3> - <p>{{_i}}Bootstrap's alert class exposes a few events for hooking into alert functionality.{{/i}}</p> + <p>{{_i}}Bootstrap’s alert class exposes a few events for hooking into alert functionality.{{/i}}</p> <table class="table table-bordered table-striped"> <thead> <tr> @@ -966,7 +966,7 @@ $('#my-alert').bind('closed', function () { </pre> <h3>{{_i}}Methods{{/i}}</h3> <h4>$().button('toggle')</h4> - <p>{{_i}}Toggles push state. Gives btn the look that it's been activated.{{/i}}</p> + <p>{{_i}}Toggles push state. Gives btn the look that it’s been activated.{{/i}}</p> <div class="alert alert-info"> <strong>{{_i}}Heads up!{{/i}}</strong> {{_i}}You can enable auto toggling of a button by using the <code>data-toggle</code> attribute.{{/i}} @@ -1019,7 +1019,7 @@ $('#my-alert').bind('closed', function () { </div> <div id="collapseOne" class="accordion-body collapse in"> <div class="accordion-inner"> - 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. + 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. </div> </div> </div> @@ -1031,7 +1031,7 @@ $('#my-alert').bind('closed', function () { </div> <div id="collapseTwo" class="accordion-body collapse"> <div class="accordion-inner"> - 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. + 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. </div> </div> </div> @@ -1043,7 +1043,7 @@ $('#my-alert').bind('closed', function () { </div> <div id="collapseThree" class="accordion-body collapse"> <div class="accordion-inner"> - 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. + 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. </div> </div> </div> @@ -1080,7 +1080,7 @@ $('#my-alert').bind('closed', function () { </tbody> </table> <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>{{_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> <pre class="prettyprint linenums"> <button class="btn btn-danger" data-toggle="collapse" data-target="#demo"> {{_i}}simple collapsible{{/i}} @@ -1106,7 +1106,7 @@ $('#myCollapsible').collapse({ <p>{{_i}}Hides a collapsible element.{{/i}}</p> <h3>{{_i}}Events{{/i}}</h3> <p> - {{_i}}Bootstrap's collapse class exposes a few events for hooking into collapse functionality.{{/i}} + {{_i}}Bootstrap’s collapse class exposes a few events for hooking into collapse functionality.{{/i}} </p> <table class="table table-bordered table-striped"> <thead> @@ -1248,7 +1248,7 @@ $('.myCarousel').carousel({ <h4>.carousel('next')</h4> <p>{{_i}}Cycles to the next item.{{/i}}</p> <h3>{{_i}}Events{{/i}}</h3> - <p>{{_i}}Bootstrap's modal class exposes a few events for hooking into modal functionality.{{/i}}</p> + <p>{{_i}}Bootstrap’s modal class exposes a few events for hooking into modal functionality.{{/i}}</p> <table class="table table-bordered table-striped"> <thead> <tr> @@ -1263,7 +1263,7 @@ $('.myCarousel').carousel({ </tr> <tr> <td>{{_i}}slid{{/i}}</td> - <td>{{_i}}This event is fired when the carousel has completed it's slide transition.{{/i}}</td> + <td>{{_i}}This event is fired when the carousel has completed it’s slide transition.{{/i}}</td> </tr> </tbody> </table> diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache index 70432cea15..d6f38e0375 100644 --- a/docs/templates/pages/less.mustache +++ b/docs/templates/pages/less.mustache @@ -2,7 +2,7 @@ ================================================== --> <header class="jumbotron subhead" id="overview"> <h1>{{_i}}Using LESS with Bootstrap{{/i}}</h1> - <p class="lead">{{_i}}Customize and extend Bootstrap with <a href="http://lesscss.org" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.{{/i}}</p> + <p class="lead">{{_i}}Customize and extend Bootstrap with <a href="http://lesscss.org" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap’s CSS.{{/i}}</p> <div class="subnav"> <ul class="nav nav-pills"> <li><a href="#builtWith">{{_i}}Built with Less{{/i}}</a></li> @@ -24,10 +24,10 @@ <div class="row"> <div class="span4"> <h3>{{_i}}Why LESS?{{/i}}</h3> - <p>{{_i}}Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by our good friend, <a href="http://cloudhead.io">Alexis Sellier</a>. It makes developing systems-based CSS faster, easier, and more fun.{{/i}}</p> + <p>{{_i}}Bootstrap is made with LESS at it’s core, a dynamic stylesheet language created by our good friend, <a href="http://cloudhead.io">Alexis Sellier</a>. It makes developing systems-based CSS faster, easier, and more fun.{{/i}}</p> </div> <div class="span4"> - <h3>{{_i}}What's included?{{/i}}</h3> + <h3>{{_i}}What’s included?{{/i}}</h3> <p>{{_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}}</p> </div> <div class="span4"> @@ -43,7 +43,7 @@ </div> <div class="span4"> <h3><a href="#mixins">{{_i}}Mixins{{/i}}</a></h3> - <p>{{_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}}</p> + <p>{{_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}}</p> </div> <div class="span4"> <h3>{{_i}}Operations{{/i}}</h3> @@ -330,7 +330,7 @@ <div class="row"> <div class="span4"> <h3>{{_i}}Basic mixins{{/i}}</h3> - <p>{{_i}}A basic mixin is essentially an include or a partial for a snippet of CSS. They're written just like a CSS class and can be called anywhere.{{/i}}</p> + <p>{{_i}}A basic mixin is essentially an include or a partial for a snippet of CSS. They’re written just like a CSS class and can be called anywhere.{{/i}}</p> <pre class="prettyprint linenums"> .element { .clearfix(); @@ -348,7 +348,7 @@ </div><!-- /span4 --> <div class="span4"> <h3>{{_i}}Easily add your own{{/i}}</h3> - <p>{{_i}}Nearly all of Bootstrap's mixins are stored in mixins.less, a wonderful utility .less file that enables you to use a mixin in any of the .less files in the toolkit.{{/i}}</p> + <p>{{_i}}Nearly all of Bootstrap’s mixins are stored in mixins.less, a wonderful utility .less file that enables you to use a mixin in any of the .less files in the toolkit.{{/i}}</p> <p>{{_i}}So, go ahead and use the existing ones or feel free to add your own as you need.{{/i}}</p> </div><!-- /span4 --> </div><!-- /row --> @@ -529,7 +529,7 @@ <tr> <td><code>.scale()</code></td> <td><code>@ratio</code></td> - <td>{{_i}}Scale an element to <em>n</em> times it's original size{{/i}}</td> + <td>{{_i}}Scale an element to <em>n</em> times it’s original size{{/i}}</td> </tr> <tr> <td><code>.translate()</code></td> @@ -636,7 +636,7 @@ <h1>{{_i}}Compiling Bootstrap with LESS{{/i}}</h1> </div> <div class="alert alert-info"> - {{_i}}<strong>Note:</strong> If you're submitting a pull request to GitHub with modified CSS, you <strong>must</strong> recompile the CSS via any of these methods.{{/i}} + {{_i}}<strong>Note:</strong> If you’re submitting a pull request to GitHub with modified CSS, you <strong>must</strong> recompile the CSS via any of these methods.{{/i}} </div> <h2>{{_i}}Tools for compiling{{/i}}</h2> <div class="row"> @@ -644,14 +644,14 @@ <h3>{{_i}}Node with makefile{{/i}}</h3> <p>{{_i}}Install the LESS command line compiler with npm by running the following command:{{/i}}</p> <pre>$ npm install less</pre> - <p>{{_i}}Once installed just run <code>make</code> from the root of your bootstrap directory and you're all set.{{/i}}</p> - <p>{{_i}}Additionally, if you have <a href="https://github.com/mynyml/watchr">watchr</a> installed, you may run <code>make watch</code> to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn't required, just a convenience method).{{/i}}</p> + <p>{{_i}}Once installed just run <code>make</code> from the root of your bootstrap directory and you’re all set.{{/i}}</p> + <p>{{_i}}Additionally, if you have <a href="https://github.com/mynyml/watchr">watchr</a> installed, you may run <code>make watch</code> to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn’t required, just a convenience method).{{/i}}</p> </div><!-- /span4 --> <div class="span4"> <h3>{{_i}}Command line{{/i}}</h3> <p>{{_i}}Install the LESS command line tool via Node and run the following command:{{/i}}</p> <pre>$ lessc ./lib/bootstrap.less > bootstrap.css</pre> - <p>{{_i}}Be sure to include <code>--compress</code> in that command if you're trying to save some bytes!{{/i}}</p> + <p>{{_i}}Be sure to include <code>--compress</code> in that command if you’re trying to save some bytes!{{/i}}</p> </div><!-- /span4 --> <div class="span4"> <h3>{{_i}}Javascript{{/i}}</h3> diff --git a/docs/templates/pages/scaffolding.mustache b/docs/templates/pages/scaffolding.mustache index bfbd879d54..41f385803f 100644 --- a/docs/templates/pages/scaffolding.mustache +++ b/docs/templates/pages/scaffolding.mustache @@ -2,7 +2,7 @@ ================================================== --> <header class="jumbotron subhead" id="overview"> <h1>{{_i}}Scaffolding{{/i}}</h1> - <p class="lead">{{_i}}Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.{{/i}}</p> + <p class="lead">{{_i}}Bootstrap is built on a responsive 12-column grid. We’ve also included fixed- and fluid-width layouts based on that system.{{/i}}</p> <div class="subnav"> <ul class="nav nav-pills"> <li><a href="#grid-system">{{_i}}Grid system{{/i}}</a></li> @@ -166,11 +166,11 @@ </div> <div class="span4"> <h3>{{_i}}How to customize{{/i}}</h3> - <p>{{_i}}Modifying the grid means changing the three <code>@grid*</code> variables and recompiling Bootstrap. Change the grid variables in variables.less and use one of the <a href="#compiling">four ways documented to recompile</a>. If you're adding more columns, be sure to add the CSS for those in grid.less.{{/i}}</p> + <p>{{_i}}Modifying the grid means changing the three <code>@grid*</code> variables and recompiling Bootstrap. Change the grid variables in variables.less and use one of the <a href="#compiling">four ways documented to recompile</a>. If you’re adding more columns, be sure to add the CSS for those in grid.less.{{/i}}</p> </div> <div class="span4"> <h3>{{_i}}Staying responsive{{/i}}</h3> - <p>{{_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}}</p> + <p>{{_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}}</p> </div> </div><!-- /row --> @@ -202,7 +202,7 @@ </div><!-- /col --> <div class="span6"> <h2>{{_i}}Fluid layout{{/i}}</h2> - <p>{{_i}}<code><div class="container-fluid"></code> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It's great for apps and docs.{{/i}}</p> + <p>{{_i}}<code><div class="container-fluid"></code> gives flexible page structure, min- and max-widths, and a left-hand sidebar. It’s great for apps and docs.{{/i}}</p> <div class="minicon-layout fluid"> <div class="minicon-layout-sidebar"></div> <div class="minicon-layout-body"></div> @@ -239,7 +239,7 @@ </div> <div class="span8"> <h2>{{_i}}Supported devices{{/i}}</h2> - <p>{{_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}}</p> + <p>{{_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}}</p> <table class="table table-bordered table-striped"> <thead> <tr> @@ -297,7 +297,7 @@ <h2>{{_i}}Using the media queries{{/i}}</h2> <div class="row"> <div class="span5"> - <p>{{_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}}</p> + <p>{{_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}}</p> <ol> <li>{{_i}}Use the compiled responsive version, bootstrap-responsive.css{{/i}}</li> <li>{{_i}}Add @import "responsive.less" and recompile Bootstrap{{/i}}</li> diff --git a/docs/templates/pages/upgrading.mustache b/docs/templates/pages/upgrading.mustache index a82896b3aa..74b9bfd913 100644 --- a/docs/templates/pages/upgrading.mustache +++ b/docs/templates/pages/upgrading.mustache @@ -60,7 +60,7 @@ <h3>{{_i}}Code{{/i}}</h3> <ul> <li>{{_i}}New graphical style for <code><code></code>{{/i}}</li> - <li>{{_i}}Google Code Prettify styles updated (based on GitHub's gists){{/i}}</li> + <li>{{_i}}Google Code Prettify styles updated (based on GitHub’s gists){{/i}}</li> </ul> <h3>{{_i}}Tables{{/i}}</h3> <ul> @@ -136,7 +136,7 @@ </ul> <h3>{{_i}}Thumbnails{{/i}}</h3> <ul> - <li>{{_i}}Formerly <code>.media-grid</code>, now just <code>.thumbnails</code>, we've thoroughly extended this component for more uses while maintaining overall simplicity out of the box.{{/i}}</li> + <li>{{_i}}Formerly <code>.media-grid</code>, now just <code>.thumbnails</code>, we’ve thoroughly extended this component for more uses while maintaining overall simplicity out of the box.{{/i}}</li> <li>{{_i}}Individual thumbnails now require <code>.thumbnail</code> class{{/i}}</li> </ul> <h3>{{_i}}Alerts{{/i}}</h3> diff --git a/docs/upgrading.html b/docs/upgrading.html index b26907402c..9528f1de67 100644 --- a/docs/upgrading.html +++ b/docs/upgrading.html @@ -136,7 +136,7 @@ <h3>Code</h3> <ul> <li>New graphical style for <code><code></code></li> - <li>Google Code Prettify styles updated (based on GitHub's gists)</li> + <li>Google Code Prettify styles updated (based on GitHub’s gists)</li> </ul> <h3>Tables</h3> <ul> @@ -212,7 +212,7 @@ </ul> <h3>Thumbnails</h3> <ul> - <li>Formerly <code>.media-grid</code>, now just <code>.thumbnails</code>, we've thoroughly extended this component for more uses while maintaining overall simplicity out of the box.</li> + <li>Formerly <code>.media-grid</code>, now just <code>.thumbnails</code>, we’ve thoroughly extended this component for more uses while maintaining overall simplicity out of the box.</li> <li>Individual thumbnails now require <code>.thumbnail</code> class</li> </ul> <h3>Alerts</h3> -- GitLab