Skip to content

B
bootstrap
Commit c74dddd0 authored by Mark Otto's avatar Mark Otto
Browse files
Options

fix indenting on extend and js docs pages, remove hidden subnavs

parent 6f8226a3
Show whitespace changes
Inline Side-by-side
Showing with 2384 additions and 2411 deletions
docs/extend.html
View file @ c74dddd0
...@@ -136,10 +136,10 @@ ...@@ -136,10 +136,10 @@
<h3>Javascript</h3> <h3>Javascript</h3>
<p><a href="http://lesscss.org/">Download the latest Less.js</a> and include the path to it (and Bootstrap) in the <code>&lt;head&gt;</code>.</p> <p><a href="http://lesscss.org/">Download the latest Less.js</a> and include the path to it (and Bootstrap) in the <code>&lt;head&gt;</code>.</p>
<pre class="prettyprint"> <pre class="prettyprint">
&lt;link rel="stylesheet/less" href="/path/to/bootstrap.less"&gt; &lt;link rel="stylesheet/less" href="/path/to/bootstrap.less"&gt;
&lt;script src="/path/to/less.js"&gt;&lt;/script&gt; &lt;script src="/path/to/less.js"&gt;&lt;/script&gt;
</pre> </pre>
<p>To recompile the .less files, just save them and reload your page. Less.js compiles them and stores them in local storage.</p> <p>To recompile the .less files, just save them and reload your page. Less.js compiles them and stores them in local storage.</p>
<h3>Unofficial Mac app</h3> <h3>Unofficial Mac app</h3>
...@@ -168,6 +168,7 @@ ...@@ -168,6 +168,7 @@
</section> </section>
</div> </div>
</div> </div>
......
docs/javascript.html
View file @ c74dddd0
...@@ -68,33 +68,17 @@ ...@@ -68,33 +68,17 @@
<div class="container"> <div class="container">
<!-- Masthead <!-- Subhead
================================================== --> ================================================== -->
<header class="jumbotron subhead" id="overview"> <header class="jumbotron subhead" id="overview">
<h1>Javascript for Bootstrap</h1> <h1>Javascript for Bootstrap</h1>
<p class="lead">Bring Bootstrap's components to life&mdash;now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins. <p class="lead">Bring Bootstrap's components to life&mdash;now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.
<div class="navbar navbar-subnav">
<div class="navbar-inner">
<ul class="nav">
<li><a href="#transitions">Transitions</a></li>
<li><a href="#modals">Modal</a></li>
<li><a href="#dropdowns">Dropdown</a></li>
<li><a href="#scrollspy">Scrollspy</a></li>
<li><a href="#tabs">Tab</a></li>
<li><a href="#tooltips">Tooltip</a></li>
<li><a href="#popovers">Popover</a></li>
<li><a href="#alerts">Alert</a></li>
<li><a href="#buttons">Button</a></li>
<li><a href="#collapse">Collapse</a></li>
<li><a href="#carousel">Carousel</a></li>
<li><a href="#typeahead">Typeahead</a></li>
<li><a href="#affix">Affix</a></li>
</ul>
</div>
</div>
</header> </header>
<!-- Docs nav
================================================== -->
<div class="row"> <div class="row">
<div class="span3 bs-docs-sidebar"> <div class="span3 bs-docs-sidebar">
<ul class="nav nav-list bs-docs-sidenav"> <ul class="nav nav-list bs-docs-sidenav">
...@@ -117,10 +101,9 @@ ...@@ -117,10 +101,9 @@
<!-- Overview
<!-- Overview ================================================== -->
================================================== --> <section id="overview">
<section id="overview">
<div class="page-header"> <div class="page-header">
<h1>Javascript in Bootstrap</h1> <h1>Javascript in Bootstrap</h1>
</div> </div>
...@@ -136,13 +119,13 @@ ...@@ -136,13 +119,13 @@
</section> </section>
<!-- Transitions <!-- Transitions
================================================== --> ================================================== -->
<section id="transitions"> <section id="transitions">
<div class="page-header"> <div class="page-header">
<h1>Transitions <small>bootstrap-transition.js</small></h1> <h1>Transitions <small>bootstrap-transition.js</small></h1>
</div> </div>
...@@ -157,13 +140,13 @@ ...@@ -157,13 +140,13 @@
<li>Sliding carousel panes</li> <li>Sliding carousel panes</li>
</ul> </ul>
</section> </section>
<!-- Modal <!-- Modal
================================================== --> ================================================== -->
<section id="modals"> <section id="modals">
<div class="page-header"> <div class="page-header">
<h1>Modals <small>bootstrap-modal.js</small></h1> <h1>Modals <small>bootstrap-modal.js</small></h1>
</div> </div>
...@@ -313,7 +296,7 @@ ...@@ -313,7 +296,7 @@
<td>path</td> <td>path</td>
<td>false</td> <td>false</td>
<td><p>If a remote url is provided, content will be loaded via jQuery's <code>load</code> method and injected into the <code>.modal-body</code>. If you're using the data api, you may alternatively use the <code>href</code> tag to specify the remote source. An example of this is shown below:</p> <td><p>If a remote url is provided, content will be loaded via jQuery's <code>load</code> method and injected into the <code>.modal-body</code>. If you're using the data api, you may alternatively use the <code>href</code> tag to specify the remote source. An example of this is shown below:</p>
<pre class="prettyprint linenums"><code>&lt;a data-toggle="modal" href="remote.html" data-target="#modal"&gt;click me&lt;/a&gt;</code></pre></td> <pre class="prettyprint linenums"><code>&lt;a data-toggle="modal" href="remote.html" data-target="#modal"&gt;click me&lt;/a&gt;</code></pre></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
...@@ -366,13 +349,13 @@ $('#myModal').modal({ ...@@ -366,13 +349,13 @@ $('#myModal').modal({
$('#myModal').on('hidden', function () { $('#myModal').on('hidden', function () {
// do something… // do something…
})</pre> })</pre>
</section> </section>
<!-- Dropdown <!-- Dropdown
================================================== --> ================================================== -->
<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>bootstrap-dropdown.js</small></h1>
</div> </div>
...@@ -502,13 +485,13 @@ $('#myModal').on('hidden', function () { ...@@ -502,13 +485,13 @@ $('#myModal').on('hidden', function () {
<h3>Methods</h3> <h3>Methods</h3>
<h4>$().dropdown()</h4> <h4>$().dropdown()</h4>
<p>A programatic api for activating menus for a given navbar or tabbed navigation.</p> <p>A programatic api for activating menus for a given navbar or tabbed navigation.</p>
</section> </section>
<!-- ScrollSpy <!-- ScrollSpy
================================================== --> ================================================== -->
<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>bootstrap-scrollspy.js</small></h1>
</div> </div>
...@@ -617,13 +600,13 @@ $('[data-spy="scroll"]').each(function () { ...@@ -617,13 +600,13 @@ $('[data-spy="scroll"]').each(function () {
</tr> </tr>
</tbody> </tbody>
</table> </table>
</section> </section>
<!-- Tabs <!-- Tabs
================================================== --> ================================================== -->
<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>bootstrap-tab.js</small></h1>
</div> </div>
...@@ -738,12 +721,12 @@ $('a[data-toggle="tab"]').on('shown', function (e) { ...@@ -738,12 +721,12 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
e.target // activated tab e.target // activated tab
e.relatedTarget // previous tab e.relatedTarget // previous tab
})</pre> })</pre>
</section> </section>
<!-- Tooltips <!-- Tooltips
================================================== --> ================================================== -->
<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>bootstrap-tooltip.js</small></h1>
</div> </div>
...@@ -842,9 +825,9 @@ $('a[data-toggle="tab"]').on('shown', function (e) { ...@@ -842,9 +825,9 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
<h3>Markup</h3> <h3>Markup</h3>
<p>For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.</p> <p>For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.</p>
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;a href="#" rel="tooltip" title="first tooltip"&gt;hover over me&lt;/a&gt; &lt;a href="#" rel="tooltip" title="first tooltip"&gt;hover over me&lt;/a&gt;
</pre> </pre>
<h3>Methods</h3> <h3>Methods</h3>
<h4>$().tooltip(options)</h4> <h4>$().tooltip(options)</h4>
...@@ -861,13 +844,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) { ...@@ -861,13 +844,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
<h4>.tooltip('destroy')</h4> <h4>.tooltip('destroy')</h4>
<p>Destroys an element's tooltip.</p> <p>Destroys an element's tooltip.</p>
<pre class="prettyprint linenums">$('#element').tooltip('destroy')</pre> <pre class="prettyprint linenums">$('#element').tooltip('destroy')</pre>
</section> </section>
<!-- Popovers <!-- Popovers
================================================== --> ================================================== -->
<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>bootstrap-popover.js</small></h1>
</div> </div>
...@@ -1016,13 +999,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) { ...@@ -1016,13 +999,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
<h4>.popover('destroy')</h4> <h4>.popover('destroy')</h4>
<p>Destroys an element's popover.</p> <p>Destroys an element's popover.</p>
<pre class="prettyprint linenums">$('#element').popover('destroy')</pre> <pre class="prettyprint linenums">$('#element').popover('destroy')</pre>
</section> </section>
<!-- Alert <!-- Alert
================================================== --> ================================================== -->
<section id="alerts"> <section id="alerts">
<div class="page-header"> <div class="page-header">
<h1>Alert messages <small>bootstrap-alert.js</small></h1> <h1>Alert messages <small>bootstrap-alert.js</small></h1>
</div> </div>
...@@ -1092,13 +1075,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) { ...@@ -1092,13 +1075,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
$('#my-alert').bind('closed', function () { $('#my-alert').bind('closed', function () {
// do something… // do something…
})</pre> })</pre>
</section> </section>
<!-- Buttons <!-- Buttons
================================================== --> ================================================== -->
<section id="buttons"> <section id="buttons">
<div class="page-header"> <div class="page-header">
<h1>Buttons <small>bootstrap-button.js</small></h1> <h1>Buttons <small>bootstrap-button.js</small></h1>
</div> </div>
...@@ -1198,13 +1181,13 @@ $('#my-alert').bind('closed', function () { ...@@ -1198,13 +1181,13 @@ $('#my-alert').bind('closed', function () {
&lt;script&gt; &lt;script&gt;
$('.btn').button('complete') $('.btn').button('complete')
&lt;/script&gt;</pre> &lt;/script&gt;</pre>
</section> </section>
<!-- Collapse <!-- Collapse
================================================== --> ================================================== -->
<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>bootstrap-collapse.js</small></h1>
</div> </div>
...@@ -1354,13 +1337,13 @@ $('#myCollapsible').collapse({ ...@@ -1354,13 +1337,13 @@ $('#myCollapsible').collapse({
$('#myCollapsible').on('hidden', function () { $('#myCollapsible').on('hidden', function () {
// do something… // do something…
})</pre> })</pre>
</section> </section>
<!-- Carousel <!-- Carousel
================================================== --> ================================================== -->
<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>bootstrap-carousel.js</small></h1>
</div> </div>
...@@ -1494,13 +1477,13 @@ $('.carousel').carousel({ ...@@ -1494,13 +1477,13 @@ $('.carousel').carousel({
</tr> </tr>
</tbody> </tbody>
</table> </table>
</section> </section>
<!-- Typeahead <!-- Typeahead
================================================== --> ================================================== -->
<section id="typeahead"> <section id="typeahead">
<div class="page-header"> <div class="page-header">
<h1>Typeahead <small>bootstrap-typeahead.js</small></h1> <h1>Typeahead <small>bootstrap-typeahead.js</small></h1>
</div> </div>
...@@ -1576,13 +1559,13 @@ $('.carousel').carousel({ ...@@ -1576,13 +1559,13 @@ $('.carousel').carousel({
<h3>Methods</h3> <h3>Methods</h3>
<h4>.typeahead(options)</h4> <h4>.typeahead(options)</h4>
<p>Initializes an input with a typeahead.</p> <p>Initializes an input with a typeahead.</p>
</section> </section>
<!-- Affix <!-- Affix
================================================== --> ================================================== -->
<section id="affix"> <section id="affix">
<div class="page-header"> <div class="page-header">
<h1> <h1>
Affix Affix
...@@ -1598,10 +1581,13 @@ $('.carousel').carousel({ ...@@ -1598,10 +1581,13 @@ $('.carousel').carousel({
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
... ...
</pre> </pre>
</section> </section>
</div>
</div> </div>
</div>
<!-- Footer <!-- Footer
================================================== --> ================================================== -->
......
docs/templates/pages/extend.mustache
View file @ c74dddd0
...@@ -66,10 +66,10 @@ ...@@ -66,10 +66,10 @@
<h3>{{_i}}Javascript{{/i}}</h3> <h3>{{_i}}Javascript{{/i}}</h3>
<p>{{_i}}<a href="http://lesscss.org/">Download the latest Less.js</a> and include the path to it (and Bootstrap) in the <code>&lt;head&gt;</code>.{{/i}}</p> <p>{{_i}}<a href="http://lesscss.org/">Download the latest Less.js</a> and include the path to it (and Bootstrap) in the <code>&lt;head&gt;</code>.{{/i}}</p>
<pre class="prettyprint"> <pre class="prettyprint">
&lt;link rel="stylesheet/less" href="/path/to/bootstrap.less"&gt; &lt;link rel="stylesheet/less" href="/path/to/bootstrap.less"&gt;
&lt;script src="/path/to/less.js"&gt;&lt;/script&gt; &lt;script src="/path/to/less.js"&gt;&lt;/script&gt;
</pre> </pre>
<p>{{_i}}To recompile the .less files, just save them and reload your page. Less.js compiles them and stores them in local storage.{{/i}}</p> <p>{{_i}}To recompile the .less files, just save them and reload your page. Less.js compiles them and stores them in local storage.{{/i}}</p>
<h3>{{_i}}Unofficial Mac app{{/i}}</h3> <h3>{{_i}}Unofficial Mac app{{/i}}</h3>
...@@ -98,5 +98,6 @@ ...@@ -98,5 +98,6 @@
</section> </section>
</div>{{! /span9 }} </div>{{! /span9 }}
</div>{{! row}} </div>{{! row}}
docs/templates/pages/javascript.mustache
View file @ c74dddd0
<!-- Masthead <!-- Subhead
================================================== --> ================================================== -->
<header class="jumbotron subhead" id="overview"> <header class="jumbotron subhead" id="overview">
<h1>{{_i}}Javascript for Bootstrap{{/i}}</h1> <h1>{{_i}}Javascript for Bootstrap{{/i}}</h1>
<p class="lead">{{_i}}Bring Bootstrap's components to life&mdash;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&mdash;now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.{{/i}}
<div class="navbar navbar-subnav">
<div class="navbar-inner">
<ul class="nav">
<li><a href="#transitions">{{_i}}Transitions{{/i}}</a></li>
<li><a href="#modals">{{_i}}Modal{{/i}}</a></li>
<li><a href="#dropdowns">{{_i}}Dropdown{{/i}}</a></li>
<li><a href="#scrollspy">{{_i}}Scrollspy{{/i}}</a></li>
<li><a href="#tabs">{{_i}}Tab{{/i}}</a></li>
<li><a href="#tooltips">{{_i}}Tooltip{{/i}}</a></li>
<li><a href="#popovers">{{_i}}Popover{{/i}}</a></li>
<li><a href="#alerts">{{_i}}Alert{{/i}}</a></li>
<li><a href="#buttons">{{_i}}Button{{/i}}</a></li>
<li><a href="#collapse">{{_i}}Collapse{{/i}}</a></li>
<li><a href="#carousel">{{_i}}Carousel{{/i}}</a></li>
<li><a href="#typeahead">{{_i}}Typeahead{{/i}}</a></li>
<li><a href="#affix">{{_i}}Affix{{/i}}</a></li>
</ul>
</div>
</div>
</header> </header>
<!-- Docs nav
================================================== -->
<div class="row"> <div class="row">
<div class="span3 bs-docs-sidebar"> <div class="span3 bs-docs-sidebar">
<ul class="nav nav-list bs-docs-sidenav"> <ul class="nav nav-list bs-docs-sidenav">
...@@ -47,10 +31,9 @@ ...@@ -47,10 +31,9 @@
<!-- Overview
<!-- Overview ================================================== -->
================================================== --> <section id="overview">
<section id="overview">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Javascript in Bootstrap{{/i}}</h1> <h1>{{_i}}Javascript in Bootstrap{{/i}}</h1>
</div> </div>
...@@ -67,13 +50,13 @@ ...@@ -67,13 +50,13 @@
{{! Thought: consider porting much of the JS readme here? }} {{! Thought: consider porting much of the JS readme here? }}
</section> </section>
<!-- Transitions <!-- Transitions
================================================== --> ================================================== -->
<section id="transitions"> <section id="transitions">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Transitions{{/i}} <small>bootstrap-transition.js</small></h1> <h1>{{_i}}Transitions{{/i}} <small>bootstrap-transition.js</small></h1>
</div> </div>
...@@ -89,13 +72,13 @@ ...@@ -89,13 +72,13 @@
</ul> </ul>
{{! Ideas: include docs for .fade.in, .slide.in, etc }} {{! Ideas: include docs for .fade.in, .slide.in, etc }}
</section> </section>
<!-- Modal <!-- Modal
================================================== --> ================================================== -->
<section id="modals"> <section id="modals">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Modals{{/i}} <small>bootstrap-modal.js</small></h1> <h1>{{_i}}Modals{{/i}} <small>bootstrap-modal.js</small></h1>
</div> </div>
...@@ -245,7 +228,7 @@ ...@@ -245,7 +228,7 @@
<td>{{_i}}path{{/i}}</td> <td>{{_i}}path{{/i}}</td>
<td>{{_i}}false{{/i}}</td> <td>{{_i}}false{{/i}}</td>
<td><p>{{_i}}If a remote url is provided, content will be loaded via jQuery's <code>load</code> method and injected into the <code>.modal-body</code>. If you're using the data api, you may alternatively use the <code>href</code> tag to specify the remote source. An example of this is shown below:{{/i}}</p> <td><p>{{_i}}If a remote url is provided, content will be loaded via jQuery's <code>load</code> method and injected into the <code>.modal-body</code>. If you're using the data api, you may alternatively use the <code>href</code> tag to specify the remote source. An example of this is shown below:{{/i}}</p>
<pre class="prettyprint linenums"><code>&lt;a data-toggle="modal" href="remote.html" data-target="#modal"&gt;click me&lt;/a&gt;</code></pre></td> <pre class="prettyprint linenums"><code>&lt;a data-toggle="modal" href="remote.html" data-target="#modal"&gt;click me&lt;/a&gt;</code></pre></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
...@@ -298,13 +281,13 @@ $('#myModal').modal({ ...@@ -298,13 +281,13 @@ $('#myModal').modal({
$('#myModal').on('hidden', function () { $('#myModal').on('hidden', function () {
// {{_i}}do something…{{/i}} // {{_i}}do something…{{/i}}
})</pre> })</pre>
</section> </section>
<!-- Dropdown <!-- Dropdown
================================================== --> ================================================== -->
<section id="dropdowns"> <section id="dropdowns">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Dropdowns{{/i}} <small>bootstrap-dropdown.js</small></h1> <h1>{{_i}}Dropdowns{{/i}} <small>bootstrap-dropdown.js</small></h1>
</div> </div>
...@@ -434,13 +417,13 @@ $('#myModal').on('hidden', function () { ...@@ -434,13 +417,13 @@ $('#myModal').on('hidden', function () {
<h3>{{_i}}Methods{{/i}}</h3> <h3>{{_i}}Methods{{/i}}</h3>
<h4>$().dropdown()</h4> <h4>$().dropdown()</h4>
<p>{{_i}}A programatic api for activating menus for a given navbar or tabbed navigation.{{/i}}</p> <p>{{_i}}A programatic api for activating menus for a given navbar or tabbed navigation.{{/i}}</p>
</section> </section>
<!-- ScrollSpy <!-- ScrollSpy
================================================== --> ================================================== -->
<section id="scrollspy"> <section id="scrollspy">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}ScrollSpy{{/i}} <small>bootstrap-scrollspy.js</small></h1> <h1>{{_i}}ScrollSpy{{/i}} <small>bootstrap-scrollspy.js</small></h1>
</div> </div>
...@@ -549,13 +532,13 @@ $('[data-spy="scroll"]').each(function () { ...@@ -549,13 +532,13 @@ $('[data-spy="scroll"]').each(function () {
</tr> </tr>
</tbody> </tbody>
</table> </table>
</section> </section>
<!-- Tabs <!-- Tabs
================================================== --> ================================================== -->
<section id="tabs"> <section id="tabs">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Togglable tabs{{/i}} <small>bootstrap-tab.js</small></h1> <h1>{{_i}}Togglable tabs{{/i}} <small>bootstrap-tab.js</small></h1>
</div> </div>
...@@ -670,12 +653,12 @@ $('a[data-toggle="tab"]').on('shown', function (e) { ...@@ -670,12 +653,12 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
e.target // activated tab e.target // activated tab
e.relatedTarget // previous tab e.relatedTarget // previous tab
})</pre> })</pre>
</section> </section>
<!-- Tooltips <!-- Tooltips
================================================== --> ================================================== -->
<section id="tooltips"> <section id="tooltips">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Tooltips{{/i}} <small>bootstrap-tooltip.js</small></h1> <h1>{{_i}}Tooltips{{/i}} <small>bootstrap-tooltip.js</small></h1>
</div> </div>
...@@ -774,9 +757,9 @@ $('a[data-toggle="tab"]').on('shown', function (e) { ...@@ -774,9 +757,9 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
<h3>{{_i}}Markup{{/i}}</h3> <h3>{{_i}}Markup{{/i}}</h3>
<p>{{_i}}For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.{{/i}}</p> <p>{{_i}}For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.{{/i}}</p>
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;a href="#" rel="tooltip" title="{{_i}}first tooltip{{/i}}"&gt;{{_i}}hover over me{{/i}}&lt;/a&gt; &lt;a href="#" rel="tooltip" title="{{_i}}first tooltip{{/i}}"&gt;{{_i}}hover over me{{/i}}&lt;/a&gt;
</pre> </pre>
<h3>{{_i}}Methods{{/i}}</h3> <h3>{{_i}}Methods{{/i}}</h3>
<h4>$().tooltip({{_i}}options{{/i}})</h4> <h4>$().tooltip({{_i}}options{{/i}})</h4>
...@@ -793,13 +776,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) { ...@@ -793,13 +776,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
<h4>.tooltip('destroy')</h4> <h4>.tooltip('destroy')</h4>
<p>{{_i}}Destroys an element's tooltip.{{/i}}</p> <p>{{_i}}Destroys an element's tooltip.{{/i}}</p>
<pre class="prettyprint linenums">$('#element').tooltip('destroy')</pre> <pre class="prettyprint linenums">$('#element').tooltip('destroy')</pre>
</section> </section>
<!-- Popovers <!-- Popovers
================================================== --> ================================================== -->
<section id="popovers"> <section id="popovers">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Popovers{{/i}} <small>bootstrap-popover.js</small></h1> <h1>{{_i}}Popovers{{/i}} <small>bootstrap-popover.js</small></h1>
</div> </div>
...@@ -948,13 +931,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) { ...@@ -948,13 +931,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
<h4>.popover('destroy')</h4> <h4>.popover('destroy')</h4>
<p>{{_i}}Destroys an element's popover.{{/i}}</p> <p>{{_i}}Destroys an element's popover.{{/i}}</p>
<pre class="prettyprint linenums">$('#element').popover('destroy')</pre> <pre class="prettyprint linenums">$('#element').popover('destroy')</pre>
</section> </section>
<!-- Alert <!-- Alert
================================================== --> ================================================== -->
<section id="alerts"> <section id="alerts">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Alert messages{{/i}} <small>bootstrap-alert.js</small></h1> <h1>{{_i}}Alert messages{{/i}} <small>bootstrap-alert.js</small></h1>
</div> </div>
...@@ -1024,13 +1007,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) { ...@@ -1024,13 +1007,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
$('#my-alert').bind('closed', function () { $('#my-alert').bind('closed', function () {
// {{_i}}do something…{{/i}} // {{_i}}do something…{{/i}}
})</pre> })</pre>
</section> </section>
<!-- Buttons <!-- Buttons
================================================== --> ================================================== -->
<section id="buttons"> <section id="buttons">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Buttons{{/i}} <small>bootstrap-button.js</small></h1> <h1>{{_i}}Buttons{{/i}} <small>bootstrap-button.js</small></h1>
</div> </div>
...@@ -1130,13 +1113,13 @@ $('#my-alert').bind('closed', function () { ...@@ -1130,13 +1113,13 @@ $('#my-alert').bind('closed', function () {
&lt;script&gt; &lt;script&gt;
$('.btn').button('complete') $('.btn').button('complete')
&lt;/script&gt;</pre> &lt;/script&gt;</pre>
</section> </section>
<!-- Collapse <!-- Collapse
================================================== --> ================================================== -->
<section id="collapse"> <section id="collapse">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Collapse{{/i}} <small>bootstrap-collapse.js</small></h1> <h1>{{_i}}Collapse{{/i}} <small>bootstrap-collapse.js</small></h1>
</div> </div>
...@@ -1286,13 +1269,13 @@ $('#myCollapsible').collapse({ ...@@ -1286,13 +1269,13 @@ $('#myCollapsible').collapse({
$('#myCollapsible').on('hidden', function () { $('#myCollapsible').on('hidden', function () {
// {{_i}}do something…{{/i}} // {{_i}}do something…{{/i}}
})</pre> })</pre>
</section> </section>
<!-- Carousel <!-- Carousel
================================================== --> ================================================== -->
<section id="carousel"> <section id="carousel">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Carousel{{/i}} <small>bootstrap-carousel.js</small></h1> <h1>{{_i}}Carousel{{/i}} <small>bootstrap-carousel.js</small></h1>
</div> </div>
...@@ -1426,13 +1409,13 @@ $('.carousel').carousel({ ...@@ -1426,13 +1409,13 @@ $('.carousel').carousel({
</tr> </tr>
</tbody> </tbody>
</table> </table>
</section> </section>
<!-- Typeahead <!-- Typeahead
================================================== --> ================================================== -->
<section id="typeahead"> <section id="typeahead">
<div class="page-header"> <div class="page-header">
<h1>{{_i}}Typeahead{{/i}} <small>bootstrap-typeahead.js</small></h1> <h1>{{_i}}Typeahead{{/i}} <small>bootstrap-typeahead.js</small></h1>
</div> </div>
...@@ -1508,13 +1491,13 @@ $('.carousel').carousel({ ...@@ -1508,13 +1491,13 @@ $('.carousel').carousel({
<h3>{{_i}}Methods{{/i}}</h3> <h3>{{_i}}Methods{{/i}}</h3>
<h4>.typeahead({{_i}}options{{/i}})</h4> <h4>.typeahead({{_i}}options{{/i}})</h4>
<p>{{_i}}Initializes an input with a typeahead.{{/i}}</p> <p>{{_i}}Initializes an input with a typeahead.{{/i}}</p>
</section> </section>
<!-- Affix <!-- Affix
================================================== --> ================================================== -->
<section id="affix"> <section id="affix">
<div class="page-header"> <div class="page-header">
<h1> <h1>
{{_i}}Affix{{/i}} {{_i}}Affix{{/i}}
...@@ -1530,7 +1513,9 @@ $('.carousel').carousel({ ...@@ -1530,7 +1513,9 @@ $('.carousel').carousel({
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
... ...
</pre> </pre>
</section> </section>
</div> </div>{{! /span9 }}
</div> </div>{{! row}}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment