<pclass="lead">Toggleable, contextual menu for displaying lists of links. Made interactive with the <ahref="/javascript/#dropdowns">dropdown JavaScript plugin</a>.</p>
<pclass="lead">Toggleable, contextual menu for displaying lists of links. Made interactive with the <ahref="../javascript/#dropdowns">dropdown JavaScript plugin</a>.</p>
<h3id="dropdowns-example">Example</h3>
<h3id="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>
...
@@ -102,7 +102,7 @@ base_url: "../"
...
@@ -102,7 +102,7 @@ base_url: "../"
<divclass="page-header">
<divclass="page-header">
<h1id="btn-groups">Button groups</h1>
<h1id="btn-groups">Button groups</h1>
</div>
</div>
<pclass="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 <ahref="/javascript/#js-buttons">our buttons plugin</a>.</p>
<pclass="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 <ahref="../javascript/#js-buttons">our buttons plugin</a>.</p>
<divclass="bs-callout bs-callout-info">
<divclass="bs-callout bs-callout-info">
<h4>Tooltips & popovers in button groups require special setting</h4>
<h4>Tooltips & popovers in button groups require special setting</h4>
...
@@ -227,7 +227,7 @@ base_url: "../"
...
@@ -227,7 +227,7 @@ base_url: "../"
<divclass="bs-callout bs-callout-danger">
<divclass="bs-callout bs-callout-danger">
<h4>Plugin dependency</h4>
<h4>Plugin dependency</h4>
<p>Button dropdowns require the <ahref="/javascript/#dropdowns">dropdown plugin</a> to be included in your version of Bootstrap.</p>
<p>Button dropdowns require the <ahref="../javascript/#dropdowns">dropdown plugin</a> to be included in your version of Bootstrap.</p>
<p>Add dropdown menus with a little extra HTML and the <ahref="/javascript/#dropdowns">dropdowns JavaScript plugin</a>.</p>
<p>Add dropdown menus with a little extra HTML and the <ahref="../javascript/#dropdowns">dropdowns JavaScript plugin</a>.</p>
<h3>Tabs with dropdowns</h3>
<h3>Tabs with dropdowns</h3>
<divclass="bs-example">
<divclass="bs-example">
...
@@ -977,7 +977,7 @@ body { padding-bottom: 70px; }
...
@@ -977,7 +977,7 @@ body { padding-bottom: 70px; }
<divclass="bs-callout bs-callout-danger">
<divclass="bs-callout bs-callout-danger">
<h4>Plugin dependency</h4>
<h4>Plugin dependency</h4>
<p>The responsive navbar requires the <ahref="/javascript/#collapse">collapse plugin</a> to be included in your version of Bootstrap.</p>
<p>The responsive navbar requires the <ahref="../javascript/#collapse">collapse plugin</a> to be included in your version of Bootstrap.</p>
</div>
</div>
...
@@ -1383,7 +1383,7 @@ body { padding-bottom: 70px; }
...
@@ -1383,7 +1383,7 @@ body { padding-bottom: 70px; }
<divclass="page-header">
<divclass="page-header">
<h1id="thumbnails">Thumbnails</h1>
<h1id="thumbnails">Thumbnails</h1>
</div>
</div>
<pclass="lead">Extend Bootstrap's <ahref="/css/#grid">grid system</a> with the thumbnail component to easily display grids of images, videos, text, and more.</p>
<pclass="lead">Extend Bootstrap's <ahref="../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>
...
@@ -1483,7 +1483,7 @@ body { padding-bottom: 70px; }
...
@@ -1483,7 +1483,7 @@ body { padding-bottom: 70px; }
<divclass="page-header">
<divclass="page-header">
<h1id="alerts">Alerts</h1>
<h1id="alerts">Alerts</h1>
</div>
</div>
<pclass="lead">Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. For inline dismissal, use the <ahref="/javascript/#js-alerts">alerts jQuery plugin</a>.</p>
<pclass="lead">Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. For inline dismissal, use the <ahref="../javascript/#js-alerts">alerts jQuery plugin</a>.</p>
<h3id="alerts-default">Default alert</h3>
<h3id="alerts-default">Default alert</h3>
<p>Wrap any text and an optional dismiss button in <code>.alert</code> for a basic warning alert message.</p>
<p>Wrap any text and an optional dismiss button in <code>.alert</code> for a basic warning alert message.</p>
<pclass="lead">Choose which LESS files to compile into your custom build of Bootstrap. Not sure which files to use? Read through the <ahref="/css/">CSS</a> and <ahref="/components/">Components</a> pages in the docs</p>
<pclass="lead">Choose which LESS files to compile into your custom build of Bootstrap. Not sure which files to use? Read through the <ahref="../css/">CSS</a> and <ahref="/components/">Components</a> pages in the docs</p>
<pclass="lead">Choose which jQuery plugins should be included in your custom JavaScript files. Unsure what to include? Read the <ahref="/javascript/">JavaScript</a> page in the docs.</p>
<pclass="lead">Choose which jQuery plugins should be included in your custom JavaScript files. Unsure what to include? Read the <ahref="../javascript/">JavaScript</a> page in the docs.</p>
@@ -1618,7 +1618,7 @@ $('#myCollapsible').on('hidden.bs.collapse', function () {
...
@@ -1618,7 +1618,7 @@ $('#myCollapsible').on('hidden.bs.collapse', function () {
{% endhighlight %}
{% endhighlight %}
<divclass="bs-callout bs-callout-info">
<divclass="bs-callout bs-callout-info">
<h4>Glyphicon Alternative</h4>
<h4>Glyphicon Alternative</h4>
<p>With <ahref="/css/#glyphicons">Glyphicons</a> available, you may choose to style the left and right toggle buttons with <code>.glyphicon .glyphicon-chevron-left</code> and <code>.glyphicon .glyphicon-chevron-right</code>.</p>
<p>With <ahref="{{ site.glyphicons }}">Glyphicons</a> available, you may choose to style the left and right toggle buttons with <code>.glyphicon .glyphicon-chevron-left</code> and <code>.glyphicon .glyphicon-chevron-right</code>.</p>