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:
Julian Thilo 2013-07-09 15:32:28 +02:00
parent 1045226544
commit 88d76e386f
6 changed files with 22 additions and 31 deletions

View File

@ -93,9 +93,7 @@
<a href="#list-group">List group</a>
<ul class="nav">
<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-chevrons">Badges and chevrons</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-pic">Leading picture</a></li> -->

View File

@ -22,7 +22,6 @@
<li><a href="#grid-offsetting">Offset 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-small">Small device grid</a></li>
<li><a href="#grid-less">LESS mixins and variables</a></li>
</ul>
</li>

View File

@ -5,7 +5,7 @@
<a href="#plugins">jQuery plugins</a>
</li>
<li>
<a href="#variables">LESS variables</a>
<a href="#less-variables">LESS variables</a>
<ul class="nav">
<li><a href="#variables-basics">Basics</a></li>
<li><a href="#variables-buttons">Buttons</a></li>

View File

@ -12,7 +12,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
<div class="page-header">
<h1>Dropdown menus</h1>
</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>
<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">
<h1>Button groups</h1>
</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">
<h4>Tooltips &amp; 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">
<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>
<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>
<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>
<div class="bs-example">
@ -946,7 +946,7 @@ body { padding-bottom: 70px; }
<div class="bs-callout">
<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>
@ -1048,7 +1048,7 @@ body { padding-bottom: 70px; }
<div class="page-header">
<h1>Pagination</h1>
</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>
<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">
<h1>Thumbnails</h1>
</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>
<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">
<h1>Alerts</h1>
</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>
<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>&lt;button&gt;</code> element with the <code>data-dismiss="alert"</code> data attribute.</p>
@ -1990,7 +1990,7 @@ body { padding-bottom: 70px; }
{% endhighlight %}
<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="panel">
<!-- Default panel contents -->

View File

@ -341,7 +341,7 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes."
{% endhighlight %}
<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>
<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>&lt;section&gt;</code> should be wrapped as inline.
</td>
<td>Indicates a warning that might need attention.</td>
</tr>
<tr>
<td>
<code>.info</code>
</td>
<td>Used as an alternative to the default styles.</td>
</tr>
</tbody>
</table>
<div class="bs-example">

View File

@ -99,7 +99,7 @@ $('#myModal').on('show.bs.modal', function (e) {
================================================== -->
<div class="bs-docs-section" id="modals">
<div class="page-header">
<h1>Modals <small>bootstrap-modal.js</small></h1>
<h1>Modals <small>modal.js</small></h1>
</div>
<h2 id="modals-examples">Examples</h2>
@ -335,7 +335,7 @@ $('#myModal').on('hidden.bs.modal', function () {
================================================== -->
<section id="dropdowns">
<div class="page-header">
<h1>Dropdowns <small>bootstrap-dropdown.js</small></h1>
<h1>Dropdowns <small>dropdown.js</small></h1>
</div>
@ -477,7 +477,7 @@ $('.dropdown-toggle').dropdown()
================================================== -->
<section id="scrollspy">
<div class="page-header">
<h1>ScrollSpy <small>bootstrap-scrollspy.js</small></h1>
<h1>ScrollSpy <small>scrollspy.js</small></h1>
</div>
@ -601,7 +601,7 @@ $('#myScrollspy').on('activate.bs.scrollspy', function () {
================================================== -->
<section id="tabs">
<div class="page-header">
<h1>Togglable tabs <small>bootstrap-tab.js</small></h1>
<h1>Togglable tabs <small>tab.js</small></h1>
</div>
@ -728,7 +728,7 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
================================================== -->
<section id="tooltips">
<div class="page-header">
<h1>Tooltips <small>bootstrap-tooltip.js</small></h1>
<h1>Tooltips <small>tooltip.js</small></h1>
</div>
<h2>Examples</h2>
@ -869,7 +869,7 @@ $('#example').tooltip(options)
================================================== -->
<section id="popovers">
<div class="page-header">
<h1>Popovers <small>bootstrap-popover.js</small></h1>
<h1>Popovers <small>popover.js</small></h1>
</div>
<h2>Examples</h2>
@ -1054,7 +1054,7 @@ $('#example').tooltip(options)
================================================== -->
<div class="bs-docs-section" id="js-alerts">
<div class="page-header">
<h1>Alert messages <small>bootstrap-alert.js</small></h1>
<h1>Alert messages <small>alert.js</small></h1>
</div>
@ -1133,7 +1133,7 @@ $('#my-alert').bind('closed.bs.alert', function () {
================================================== -->
<div class="bs-docs-section" id="js-buttons">
<div class="page-header">
<h1>Buttons <small>bootstrap-button.js</small></h1>
<h1>Buttons <small>button.js</small></h1>
</div>
<h2>Example uses</h2>
@ -1278,7 +1278,7 @@ $('.nav-tabs').button()
================================================== -->
<section id="collapse">
<div class="page-header">
<h1>Collapse <small>bootstrap-collapse.js</small></h1>
<h1>Collapse <small>collapse.js</small></h1>
</div>
<h3>About</h3>
@ -1488,7 +1488,7 @@ $('#myCollapsible').on('hidden.bs.collapse', function () {
================================================== -->
<section id="carousel">
<div class="page-header">
<h1>Carousel <small>bootstrap-carousel.js</small></h1>
<h1>Carousel <small>carousel.js</small></h1>
</div>
<h2>Examples</h2>
@ -1705,7 +1705,7 @@ $('#myCarousel').on('slide.bs.carousel', function () {
================================================== -->
<section id="affix">
<div class="page-header">
<h1>Affix <small>bootstrap-affix.js</small></h1>
<h1>Affix <small>affix.js</small></h1>
</div>
<h2>Example</h2>