Dustin the docs again
* Fix alllll the links! * Change all `*.js` in JS plugin docs (no mo `bootstrap-`) * Fully remove `tr.info` * Bring nav includes up to date
This commit is contained in:
parent
1045226544
commit
88d76e386f
|
@ -93,9 +93,7 @@
|
||||||
<a href="#list-group">List group</a>
|
<a href="#list-group">List group</a>
|
||||||
<ul class="nav">
|
<ul class="nav">
|
||||||
<li><a href="#list-group-basic">Basic list group</a></li>
|
<li><a href="#list-group-basic">Basic list group</a></li>
|
||||||
<li><a href="#list-group-chevrons">Chevrons</a></li>
|
|
||||||
<li><a href="#list-group-badges">Badges</a></li>
|
<li><a href="#list-group-badges">Badges</a></li>
|
||||||
<li><a href="#list-group-badges-chevrons">Badges and chevrons</a></li>
|
|
||||||
<li><a href="#list-group-linked">Linked items</a></li>
|
<li><a href="#list-group-linked">Linked items</a></li>
|
||||||
<li><a href="#list-group-custom-content">Custom content</a></li>
|
<li><a href="#list-group-custom-content">Custom content</a></li>
|
||||||
<!-- <li><a href="#list-group-pic">Leading picture</a></li> -->
|
<!-- <li><a href="#list-group-pic">Leading picture</a></li> -->
|
||||||
|
|
|
@ -22,7 +22,6 @@
|
||||||
<li><a href="#grid-offsetting">Offset columns</a></li>
|
<li><a href="#grid-offsetting">Offset columns</a></li>
|
||||||
<li><a href="#grid-nesting">Nested columns</a></li>
|
<li><a href="#grid-nesting">Nested columns</a></li>
|
||||||
<li><a href="#grid-column-ordering">Column ordering</a></li>
|
<li><a href="#grid-column-ordering">Column ordering</a></li>
|
||||||
<li><a href="#grid-small">Small device grid</a></li>
|
|
||||||
<li><a href="#grid-less">LESS mixins and variables</a></li>
|
<li><a href="#grid-less">LESS mixins and variables</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<a href="#plugins">jQuery plugins</a>
|
<a href="#plugins">jQuery plugins</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="#variables">LESS variables</a>
|
<a href="#less-variables">LESS variables</a>
|
||||||
<ul class="nav">
|
<ul class="nav">
|
||||||
<li><a href="#variables-basics">Basics</a></li>
|
<li><a href="#variables-basics">Basics</a></li>
|
||||||
<li><a href="#variables-buttons">Buttons</a></li>
|
<li><a href="#variables-buttons">Buttons</a></li>
|
||||||
|
|
|
@ -12,7 +12,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Dropdown menus</h1>
|
<h1>Dropdown menus</h1>
|
||||||
</div>
|
</div>
|
||||||
<p class="lead">Toggleable, contextual menu for displaying lists of links. Made interactive with the <a href="./javascript.html#dropdowns">dropdown JavaScript plugin</a>.</p>
|
<p class="lead">Toggleable, contextual menu for displaying lists of links. Made interactive with the <a href="/javascript/#dropdowns">dropdown JavaScript plugin</a>.</p>
|
||||||
|
|
||||||
<h3 id="dropdowns-example">Example</h3>
|
<h3 id="dropdowns-example">Example</h3>
|
||||||
<p>Wrap the dropdown's trigger and the dropdown menu within <code>.dropdown</code>, or another element that declares <code>position: relative;</code>. Then add the menu's HTML.</p>
|
<p>Wrap the dropdown's trigger and the dropdown menu within <code>.dropdown</code>, or another element that declares <code>position: relative;</code>. Then add the menu's HTML.</p>
|
||||||
|
@ -76,7 +76,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Button groups</h1>
|
<h1>Button groups</h1>
|
||||||
</div>
|
</div>
|
||||||
<p class="lead">Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with <a href="./javascript.html#buttons">our buttons plugin</a>.</p>
|
<p class="lead">Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with <a href="/javascript/#js-buttons">our buttons plugin</a>.</p>
|
||||||
|
|
||||||
<div class="bs-callout">
|
<div class="bs-callout">
|
||||||
<h4>Tooltips & popovers in button groups require special setting</h4>
|
<h4>Tooltips & popovers in button groups require special setting</h4>
|
||||||
|
@ -195,7 +195,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
|
||||||
|
|
||||||
<div class="bs-callout">
|
<div class="bs-callout">
|
||||||
<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>
|
<p>Button dropdowns require the <a href="/javascript/#dropdowns">dropdown plugin</a> to be included in your version of Bootstrap.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h3 id="btn-dropdowns-single">Single button dropdowns</h3>
|
<h3 id="btn-dropdowns-single">Single button dropdowns</h3>
|
||||||
|
@ -559,7 +559,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
|
||||||
|
|
||||||
|
|
||||||
<h2 id="nav-dropdowns">Dropdowns</h2>
|
<h2 id="nav-dropdowns">Dropdowns</h2>
|
||||||
<p>Add dropdown menus with a little extra HTML and the <a href="./javascript.html#dropdowns">dropdowns JavaScript plugin</a>.</p>
|
<p>Add dropdown menus with a little extra HTML and the <a href="/javascript/#dropdowns">dropdowns JavaScript plugin</a>.</p>
|
||||||
|
|
||||||
<h3>Tabs with dropdowns</h3>
|
<h3>Tabs with dropdowns</h3>
|
||||||
<div class="bs-example">
|
<div class="bs-example">
|
||||||
|
@ -946,7 +946,7 @@ body { padding-bottom: 70px; }
|
||||||
|
|
||||||
<div class="bs-callout">
|
<div class="bs-callout">
|
||||||
<h4>Plugin dependency</h4>
|
<h4>Plugin dependency</h4>
|
||||||
<p>The responsive navbar requires the <a href="#collapse">collapse plugin</a> to be included in your version of Bootstrap.</p>
|
<p>The responsive navbar requires the <a href="/javascript/#collapse">collapse plugin</a> to be included in your version of Bootstrap.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
@ -1048,7 +1048,7 @@ body { padding-bottom: 70px; }
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Pagination</h1>
|
<h1>Pagination</h1>
|
||||||
</div>
|
</div>
|
||||||
<p class="lead">Provide pagination links for your site or app with the multi-page pagination component, or the simpler <a href="./docs/#pagination-pager">pager alternative</a>.</p>
|
<p class="lead">Provide pagination links for your site or app with the multi-page pagination component, or the simpler <a href="#pagination-pager">pager alternative</a>.</p>
|
||||||
|
|
||||||
<h2 id="pagination-default">Standard pagination</h2>
|
<h2 id="pagination-default">Standard pagination</h2>
|
||||||
<p>Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.</p>
|
<p>Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.</p>
|
||||||
|
@ -1352,7 +1352,7 @@ body { padding-bottom: 70px; }
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Thumbnails</h1>
|
<h1>Thumbnails</h1>
|
||||||
</div>
|
</div>
|
||||||
<p class="lead">Extend Bootstrap's <a href="./docs/#grid">grid system</a> with the thumbnail component to easily display grids of images, videos, text, and more.</p>
|
<p class="lead">Extend Bootstrap's <a href="/css/#grid">grid system</a> with the thumbnail component to easily display grids of images, videos, text, and more.</p>
|
||||||
|
|
||||||
<h3>Default thumbnails</h3>
|
<h3>Default thumbnails</h3>
|
||||||
<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>
|
||||||
|
@ -1452,7 +1452,7 @@ body { padding-bottom: 70px; }
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Alerts</h1>
|
<h1>Alerts</h1>
|
||||||
</div>
|
</div>
|
||||||
<p class="lead">Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. For inline dismissal, use the <a href="./docs/#js-alerts">alerts jQuery plugin</a>.</p>
|
<p class="lead">Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. For inline dismissal, use the <a href="/javascript/#js-alerts">alerts jQuery plugin</a>.</p>
|
||||||
|
|
||||||
<h3 id="alerts-default">Default alert</h3>
|
<h3 id="alerts-default">Default alert</h3>
|
||||||
<p>Wrap any text and an optional dismiss button in <code>.alert</code> for a basic warning alert message. <strong>To ensure proper behavior across all devices</strong>, be sure to use <code><button></code> element with the <code>data-dismiss="alert"</code> data attribute.</p>
|
<p>Wrap any text and an optional dismiss button in <code>.alert</code> for a basic warning alert message. <strong>To ensure proper behavior across all devices</strong>, be sure to use <code><button></code> element with the <code>data-dismiss="alert"</code> data attribute.</p>
|
||||||
|
@ -1990,7 +1990,7 @@ body { padding-bottom: 70px; }
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
|
||||||
<h3 id="panels-list-group">With list groups</h3>
|
<h3 id="panels-list-group">With list groups</h3>
|
||||||
<p>Easily include full-width <a href="./docs/#list-group">list groups</a> within any panel.</p>
|
<p>Easily include full-width <a href="#list-group">list groups</a> within any panel.</p>
|
||||||
<div class="bs-example">
|
<div class="bs-example">
|
||||||
<div class="panel">
|
<div class="panel">
|
||||||
<!-- Default panel contents -->
|
<!-- Default panel contents -->
|
||||||
|
|
|
@ -341,7 +341,7 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes."
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
|
||||||
<h3 id="grid-less">LESS mixins and variables</h3>
|
<h3 id="grid-less">LESS mixins and variables</h3>
|
||||||
<p>In addition to <a href="#grid-example">prebuilt grid classes</a> for fast layouts, Bootstrap includes LESS variables and mixins for quickly generating your own simple, semantic layouts.</p>
|
<p>In addition to <a href="#grid-example-basic">prebuilt grid classes</a> for fast layouts, Bootstrap includes LESS variables and mixins for quickly generating your own simple, semantic layouts.</p>
|
||||||
|
|
||||||
<h4>Variables</h4>
|
<h4>Variables</h4>
|
||||||
<p>Variables determine the number of columns, the gutter width, and the media query point at which to begin floating columns. We use these to generate the predefined grid classes documented above, as well as for the custom mixins listed below.</p>
|
<p>Variables determine the number of columns, the gutter width, and the media query point at which to begin floating columns. We use these to generate the predefined grid classes documented above, as well as for the custom mixins listed below.</p>
|
||||||
|
@ -1077,12 +1077,6 @@ For example, <code><section></code> should be wrapped as inline.
|
||||||
</td>
|
</td>
|
||||||
<td>Indicates a warning that might need attention.</td>
|
<td>Indicates a warning that might need attention.</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<code>.info</code>
|
|
||||||
</td>
|
|
||||||
<td>Used as an alternative to the default styles.</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<div class="bs-example">
|
<div class="bs-example">
|
||||||
|
|
|
@ -99,7 +99,7 @@ $('#myModal').on('show.bs.modal', function (e) {
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<div class="bs-docs-section" id="modals">
|
<div class="bs-docs-section" id="modals">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Modals <small>bootstrap-modal.js</small></h1>
|
<h1>Modals <small>modal.js</small></h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2 id="modals-examples">Examples</h2>
|
<h2 id="modals-examples">Examples</h2>
|
||||||
|
@ -335,7 +335,7 @@ $('#myModal').on('hidden.bs.modal', function () {
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<section id="dropdowns">
|
<section id="dropdowns">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Dropdowns <small>bootstrap-dropdown.js</small></h1>
|
<h1>Dropdowns <small>dropdown.js</small></h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
@ -477,7 +477,7 @@ $('.dropdown-toggle').dropdown()
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<section id="scrollspy">
|
<section id="scrollspy">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>ScrollSpy <small>bootstrap-scrollspy.js</small></h1>
|
<h1>ScrollSpy <small>scrollspy.js</small></h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
@ -601,7 +601,7 @@ $('#myScrollspy').on('activate.bs.scrollspy', function () {
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<section id="tabs">
|
<section id="tabs">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Togglable tabs <small>bootstrap-tab.js</small></h1>
|
<h1>Togglable tabs <small>tab.js</small></h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
@ -728,7 +728,7 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<section id="tooltips">
|
<section id="tooltips">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Tooltips <small>bootstrap-tooltip.js</small></h1>
|
<h1>Tooltips <small>tooltip.js</small></h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2>Examples</h2>
|
<h2>Examples</h2>
|
||||||
|
@ -869,7 +869,7 @@ $('#example').tooltip(options)
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<section id="popovers">
|
<section id="popovers">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Popovers <small>bootstrap-popover.js</small></h1>
|
<h1>Popovers <small>popover.js</small></h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2>Examples</h2>
|
<h2>Examples</h2>
|
||||||
|
@ -1054,7 +1054,7 @@ $('#example').tooltip(options)
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<div class="bs-docs-section" id="js-alerts">
|
<div class="bs-docs-section" id="js-alerts">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Alert messages <small>bootstrap-alert.js</small></h1>
|
<h1>Alert messages <small>alert.js</small></h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
@ -1133,7 +1133,7 @@ $('#my-alert').bind('closed.bs.alert', function () {
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<div class="bs-docs-section" id="js-buttons">
|
<div class="bs-docs-section" id="js-buttons">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Buttons <small>bootstrap-button.js</small></h1>
|
<h1>Buttons <small>button.js</small></h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2>Example uses</h2>
|
<h2>Example uses</h2>
|
||||||
|
@ -1278,7 +1278,7 @@ $('.nav-tabs').button()
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<section id="collapse">
|
<section id="collapse">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Collapse <small>bootstrap-collapse.js</small></h1>
|
<h1>Collapse <small>collapse.js</small></h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h3>About</h3>
|
<h3>About</h3>
|
||||||
|
@ -1488,7 +1488,7 @@ $('#myCollapsible').on('hidden.bs.collapse', function () {
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<section id="carousel">
|
<section id="carousel">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Carousel <small>bootstrap-carousel.js</small></h1>
|
<h1>Carousel <small>carousel.js</small></h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2>Examples</h2>
|
<h2>Examples</h2>
|
||||||
|
@ -1705,7 +1705,7 @@ $('#myCarousel').on('slide.bs.carousel', function () {
|
||||||
================================================== -->
|
================================================== -->
|
||||||
<section id="affix">
|
<section id="affix">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1>Affix <small>bootstrap-affix.js</small></h1>
|
<h1>Affix <small>affix.js</small></h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2>Example</h2>
|
<h2>Example</h2>
|
||||||
|
|
Loading…
Reference in New Issue