diff options
| author | Mark Otto <[email protected]> | 2013-04-14 12:54:56 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-04-14 12:54:56 -0700 |
| commit | 32761b33036eb3a0e186d310b56877b1c994ac89 (patch) | |
| tree | 7fe758d015903efe0816babd5388f4b39bc7cbaa | |
| parent | f78945ccc9c848318f2a2e58d3ea1cc2c3ea6b61 (diff) | |
| download | bootstrap-32761b33036eb3a0e186d310b56877b1c994ac89.tar.xz bootstrap-32761b33036eb3a0e186d310b56877b1c994ac89.zip | |
use spaces for indenting, not tabs /cc @juthilo
| -rw-r--r-- | docs/docs.html | 84 |
1 files changed, 41 insertions, 43 deletions
diff --git a/docs/docs.html b/docs/docs.html index ce0a99f0d..c57ced0d2 100644 --- a/docs/docs.html +++ b/docs/docs.html @@ -70,8 +70,8 @@ title: Bootstrap Documentation <p>This is the most basic form of Bootstrap: compiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (<code>bootstrap.*</code>), as well as compiled and minified CSS and JS (<code>bootstrap.min.*</code>). The image files are compressed using <a href="http://imageoptim.com/">ImageOptim</a>, a Mac app for compressing PNGs.</p> <div class="bs-docs-sidenote"> - <h4>jQuery required</h4> - <p>Please note that <strong>all JavaScript plugins require jQuery</strong> to be included, as shown in the <a href="#examples">101 template</a>.</p> + <h4>jQuery required</h4> + <p>Please note that <strong>all JavaScript plugins require jQuery</strong> to be included, as shown in the <a href="#examples">starter template</a>.</p> </div> </div> @@ -1015,12 +1015,10 @@ For example, <code><section></code> should be wrapped as inline. <h3 id="tables-striped">Striped</h3> <p>Use <code>.table-striped</code> to add zebra-striping to any table row within the <code><tbody></code>.</p> - <div class="bs-docs-sidenote"> - <h4>Cross-browser compatibility</h4> + <h4>Cross-browser compatibility</h4> <p>Striped tables are styled via the <code>:nth-child</code> CSS selector, which is not available in IE8.</p> </div> - <div class="bs-docs-example"> <table class="table table-striped"> <thead> @@ -1406,8 +1404,8 @@ For example, <code><section></code> should be wrapped as inline. <h3>Inputs</h3> <p>Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.</p> <div class="bs-docs-sidenote"> - <h4>Type declaration required</h4> - <p>Inputs will only be fully styled if their <code>type</code> is properly declared.</p> + <h4>Type declaration required</h4> + <p>Inputs will only be fully styled if their <code>type</code> is properly declared.</p> </div> <form class="bs-docs-example form-inline"> <input type="text" placeholder="Text input"> @@ -1543,12 +1541,12 @@ For example, <code><section></code> should be wrapped as inline. <h3 id="forms-invalid-inputs">Invalid inputs</h3> <p>Style inputs via default browser functionality. Specify a <code>type</code>, add the <code>required</code> attribute if the field is not optional, and (if applicable) specify a <code>pattern</code>.</p> - + <div class="bs-docs-sidenote"> - <h4>Cross-browser compatibility</h4> + <h4>Cross-browser compatibility</h4> <p>Invalid inputs are styled via the <code>:invalid</code> CSS selector, which is not supported by Internet Explorer 9 and below.</p> </div> - + <form class="bs-docs-example form-inline"> <input class="col-span-3" type="email" placeholder="[email protected]" required> </form> @@ -1567,17 +1565,17 @@ For example, <code><section></code> should be wrapped as inline. <h3 id="forms-disabled-fieldsets">Disabled fieldsets</h3> <p>Add the <code>disabled</code> attribute to a <code><fieldset></code> to disable all the controls within the <code><fieldset></code> at once.</p> - + <div class="bs-docs-sidenote"> - <h4>Link functionality of <code><a></code> not impacted</h4> + <h4>Link functionality of <code><a></code> not impacted</h4> <p>This class will only change the appearance of <code><a class="btn"></code> buttons, not their functionality. You need to use custom JavaScript to disable links here.</p> </div> - + <div class="bs-docs-sidenote"> - <h4>Cross-browser compatibility</h4> + <h4>Cross-browser compatibility</h4> <p>While Bootstrap will apply these styles in all browsers, IE and Safari don't actually support the <code><disabled></code> attribute on a <code><fieldset></code>. You need to use custom JavaScript to disable the fieldset in these browsers.</p> </div> - + <form class="bs-docs-example form-inline"> <fieldset disabled> <div> @@ -1673,12 +1671,12 @@ For example, <code><section></code> should be wrapped as inline. <h3 id="forms-input-groups">Input groups</h3> <p>Add text or buttons before, after, or on both sides of any text-based input. Use <code>.input-group</code> with a <code>.add-on</code> to prepend or append elements to an <code><input></code>.</p> - + <div class="bs-docs-sidenote"> - <h4>Cross-browser compatibility</h4> + <h4>Cross-browser compatibility</h4> <p>Avoid using <code><select></code> elements here as they cannot be fully styled in WebKit browsers.</p> </div> - + <form class="bs-docs-example"> <div class="input-group col-span-9"> <span class="input-group-addon">@</span> @@ -2155,7 +2153,7 @@ For example, <code><section></code> should be wrapped as inline. We use <code>.disabled</code> as a utility class here, similar to the common <code>.active</code> class, so no prefix is required. </p> <div class="bs-docs-sidenote"> - <h4>Link functionality not impacted</h4> + <h4>Link functionality not impacted</h4> <p>This class will only change the <code><a></code>'s appearance, not its functionality. You need to use custom JavaScript to disable links here.</p> </div> @@ -2175,9 +2173,9 @@ For example, <code><section></code> should be wrapped as inline. <input class="btn" type="submit" value="Submit"> {% endhighlight %} - <div class="bs-docs-sidenote"> - <h4>Cross-browser rendering</h4> - <p>As a best practice, <strong>we highly recommend using the <code><button></code> element whenever possible</strong> to ensure matching cross-browser rendering.</p> + <div class="bs-docs-sidenote"> + <h4>Cross-browser rendering</h4> + <p>As a best practice, <strong>we highly recommend using the <code><button></code> element whenever possible</strong> to ensure matching cross-browser rendering.</p> </div> </div> @@ -2193,7 +2191,7 @@ For example, <code><section></code> should be wrapped as inline. <p>Add classes to an <code><img></code> element to easily style images in any project.</p> <div class="bs-docs-sidenote"> - <h4>Cross-browser compatibility</h4> + <h4>Cross-browser compatibility</h4> <p>Keep in mind that Internet Explorer 8 lacks support for rounded corners.</p> </div> <div class="bs-docs-example bs-docs-example-images"> @@ -2950,9 +2948,9 @@ For example, <code><section></code> should be wrapped as inline. <h1>Button dropdown menus</h1> </div> <p class="lead">Use any button to trigger a dropdown menu by placing it within a <code>.btn-group</code> and providing the proper menu markup.</p> - + <div class="bs-docs-sidenote"> - <h4>Plugin dependency</h4> + <h4>Plugin dependency</h4> <p>Button dropdowns require the <a href="#dropdown-plugin">dropdown plugin</a> to be included in your version of Bootstrap.</p> </div> @@ -3308,12 +3306,12 @@ For example, <code><section></code> should be wrapped as inline. <h3 id="nav-disabled-links">Disabled state</h3> <p>For any nav component (tabs, pills, or list), add <code>.disabled</code> for <strong>gray links and no hover effects</strong>.</p> - + <div class="bs-docs-sidenote"> - <h4>Link functionality not impacted</h4> + <h4>Link functionality not impacted</h4> <p>This class will only change the <code><a></code>'s appearance, not its functionality. You need to use custom JavaScript to disable links here.</p> </div> - + <div class="bs-docs-example"> <ul class="nav nav-pills"> <li><a href="#">Clickable link</a></li> @@ -3524,7 +3522,7 @@ For example, <code><section></code> should be wrapped as inline. <h2>Optional display variations</h2> <p>Fix the navbar to the top or bottom of the viewport with an additional class on the outermost div, <code>.navbar</code>. These will also remove rounded corners.</p> - + <h3 id="navbar-fixed-top">Fixed to top</h3> <p>Add <code>.navbar-fixed-top</code>.</p> <div class="bs-docs-example bs-navbar-top-example"> @@ -3544,9 +3542,9 @@ For example, <code><section></code> should be wrapped as inline. ... </div> {% endhighlight %} - + <div class="bs-docs-sidenote"> - <h4>Body padding required</h4> + <h4>Body padding required</h4> <p>The fixed navbar will overlay your other content, unless you add <code>padding</code> to the top of the <code><body></code>. The navbar itself has a height of 54px by default. At 768px and above, its height shrinks to 50px. Try out your own values or use our snippet below:</p> {% highlight css linenos %} body { @@ -3558,7 +3556,7 @@ body { } } {% endhighlight %} - <p>Make sure to include this <strong>after</strong> the core Bootstrap CSS.</p> + <p>Make sure to include this <strong>after</strong> the core Bootstrap CSS.</p> </div> <h3 id="navbar-fixed-bottom">Fixed to bottom</h3> @@ -3581,8 +3579,8 @@ body { </div> {% endhighlight %} - <div class="bs-docs-sidenote"> - <h4>Body padding required</h4> + <div class="bs-docs-sidenote"> + <h4>Body padding required</h4> <p>The fixed navbar will overlay your other content, unless you add <code>padding</code> to the bottom of the <code><body></code>. The navbar itself has a height of 54px by default. At 768px and above, its height shrinks to 50px. Try out your own values or use our snippet below:</p> {% highlight css linenos %} body { @@ -3594,7 +3592,7 @@ body { } } {% endhighlight %} - <p>Make sure to include this <strong>after</strong> the core Bootstrap CSS.</p> + <p>Make sure to include this <strong>after</strong> the core Bootstrap CSS.</p> </div> <h3 id="navbar-static-top">Static top navbar</h3> @@ -4019,9 +4017,9 @@ body { <h4>Self collapsing</h4> <p>When there are no new or unread items, badges will simply collapse (via CSS's <code>:empty</code> selector) provided no content exists within.</p> - + <div class="bs-docs-sidenote"> - <h4>Cross-browser compatibility</h4> + <h4>Cross-browser compatibility</h4> <p>Badges won't self collapse in Internet Explorer 8 because it lacks support for the <code>:empty</code> selector.</p> </div> @@ -4873,7 +4871,7 @@ body { <h3 id="js-individual-compiled">Individual or compiled</h3> <p>Plugins can be included individually, or all at once. <strong>Do not attempt to include both.</strong> Both <strong>bootstrap.js</strong> and <strong>bootstrap.min.js</strong> contain all plugins in a single file.</p> <div class="bs-docs-sidenote"> - <h4>Plugin dependencies</h4> + <h4>Plugin dependencies</h4> <p>Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs (in notes like this one).</p> </div> @@ -5718,9 +5716,9 @@ $('#example').tooltip(options) <h2>Examples</h2> <p>Add small overlays of content, like those on the iPad, to any element for housing secondary information. Hover over the button to trigger the popover.</p> - + <div class="bs-docs-sidenote"> - <h4>Plugin dependency</h4> + <h4>Plugin dependency</h4> <p>Popovers require the <a href="#tooltips">tooltip plugin</a> to be included in your version of Bootstrap.</p> </div> @@ -6124,9 +6122,9 @@ $('.nav-tabs').button() <h3>About</h3> <p>Get base styles and flexible support for collapsible components like accordions and navigation.</p> - + <div class="bs-docs-sidenote"> - <h4>Plugin dependency</h4> + <h4>Plugin dependency</h4> <p>Collapse requires the <a href="#transitions">transitions plugin</a> to be included in your version of Bootstrap.</p> </div> @@ -6393,7 +6391,7 @@ $('#myCollapsible').on('hidden', function () { <h3>Optional captions</h3> <p>Add captions to your slides easily with the <code>.carousel-caption</code> element within any <code>.item</code>. Place just about any optional HTML within there and it will be automatically aligned and formatted.</p> <div class="bs-docs-sidenote"> - <h4>Responsive visibility</h4> + <h4>Responsive visibility</h4> <p><strong>Captions are hidden by default</strong> and will show up only with viewports greater than 768px wide.</p> </div> <div class="bs-docs-example"> |
