mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01:00
fix indenting on extend and js docs pages, remove hidden subnavs
This commit is contained in:
Mark Otto
parent
6f8226a393
commit
c74dddd02e
@ -136,10 +136,10 @@
|
||||
|
||||
<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><head></code>.</p>
|
||||
<pre class="prettyprint">
|
||||
<link rel="stylesheet/less" href="/path/to/bootstrap.less">
|
||||
<script src="/path/to/less.js"></script>
|
||||
</pre>
|
||||
<pre class="prettyprint">
|
||||
<link rel="stylesheet/less" href="/path/to/bootstrap.less">
|
||||
<script src="/path/to/less.js"></script>
|
||||
</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>
|
||||
|
||||
<h3>Unofficial Mac app</h3>
|
||||
@ -168,6 +168,7 @@
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -68,33 +68,17 @@
|
||||
|
||||
<div class="container">
|
||||
|
||||
<!-- Masthead
|
||||
<!-- Subhead
|
||||
================================================== -->
|
||||
<header class="jumbotron subhead" id="overview">
|
||||
<h1>Javascript for Bootstrap</h1>
|
||||
<p class="lead">Bring Bootstrap's components to life—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>
|
||||
|
||||
|
||||
|
||||
<!-- Docs nav
|
||||
================================================== -->
|
||||
<div class="row">
|
||||
<div class="span3 bs-docs-sidebar">
|
||||
<ul class="nav nav-list bs-docs-sidenav">
|
||||
@ -117,10 +101,9 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Overview
|
||||
================================================== -->
|
||||
<section id="overview">
|
||||
<!-- Overview
|
||||
================================================== -->
|
||||
<section id="overview">
|
||||
<div class="page-header">
|
||||
<h1>Javascript in Bootstrap</h1>
|
||||
</div>
|
||||
@ -136,13 +119,13 @@
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Transitions
|
||||
================================================== -->
|
||||
<section id="transitions">
|
||||
<!-- Transitions
|
||||
================================================== -->
|
||||
<section id="transitions">
|
||||
<div class="page-header">
|
||||
<h1>Transitions <small>bootstrap-transition.js</small></h1>
|
||||
</div>
|
||||
@ -157,13 +140,13 @@
|
||||
<li>Sliding carousel panes</li>
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Modal
|
||||
================================================== -->
|
||||
<section id="modals">
|
||||
<!-- Modal
|
||||
================================================== -->
|
||||
<section id="modals">
|
||||
<div class="page-header">
|
||||
<h1>Modals <small>bootstrap-modal.js</small></h1>
|
||||
</div>
|
||||
@ -313,7 +296,7 @@
|
||||
<td>path</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>
|
||||
<pre class="prettyprint linenums"><code><a data-toggle="modal" href="remote.html" data-target="#modal">click me</a></code></pre></td>
|
||||
<pre class="prettyprint linenums"><code><a data-toggle="modal" href="remote.html" data-target="#modal">click me</a></code></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -366,13 +349,13 @@ $('#myModal').modal({
|
||||
$('#myModal').on('hidden', function () {
|
||||
// do something…
|
||||
})</pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Dropdown
|
||||
================================================== -->
|
||||
<section id="dropdowns">
|
||||
<!-- Dropdown
|
||||
================================================== -->
|
||||
<section id="dropdowns">
|
||||
<div class="page-header">
|
||||
<h1>Dropdowns <small>bootstrap-dropdown.js</small></h1>
|
||||
</div>
|
||||
@ -502,13 +485,13 @@ $('#myModal').on('hidden', function () {
|
||||
<h3>Methods</h3>
|
||||
<h4>$().dropdown()</h4>
|
||||
<p>A programatic api for activating menus for a given navbar or tabbed navigation.</p>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- ScrollSpy
|
||||
================================================== -->
|
||||
<section id="scrollspy">
|
||||
<!-- ScrollSpy
|
||||
================================================== -->
|
||||
<section id="scrollspy">
|
||||
<div class="page-header">
|
||||
<h1>ScrollSpy <small>bootstrap-scrollspy.js</small></h1>
|
||||
</div>
|
||||
@ -617,13 +600,13 @@ $('[data-spy="scroll"]').each(function () {
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Tabs
|
||||
================================================== -->
|
||||
<section id="tabs">
|
||||
<!-- Tabs
|
||||
================================================== -->
|
||||
<section id="tabs">
|
||||
<div class="page-header">
|
||||
<h1>Togglable tabs <small>bootstrap-tab.js</small></h1>
|
||||
</div>
|
||||
@ -738,12 +721,12 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
|
||||
e.target // activated tab
|
||||
e.relatedTarget // previous tab
|
||||
})</pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Tooltips
|
||||
================================================== -->
|
||||
<section id="tooltips">
|
||||
<!-- Tooltips
|
||||
================================================== -->
|
||||
<section id="tooltips">
|
||||
<div class="page-header">
|
||||
<h1>Tooltips <small>bootstrap-tooltip.js</small></h1>
|
||||
</div>
|
||||
@ -842,9 +825,9 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
|
||||
|
||||
<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>
|
||||
<pre class="prettyprint linenums">
|
||||
<a href="#" rel="tooltip" title="first tooltip">hover over me</a>
|
||||
</pre>
|
||||
<pre class="prettyprint linenums">
|
||||
<a href="#" rel="tooltip" title="first tooltip">hover over me</a>
|
||||
</pre>
|
||||
|
||||
<h3>Methods</h3>
|
||||
<h4>$().tooltip(options)</h4>
|
||||
@ -861,13 +844,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
|
||||
<h4>.tooltip('destroy')</h4>
|
||||
<p>Destroys an element's tooltip.</p>
|
||||
<pre class="prettyprint linenums">$('#element').tooltip('destroy')</pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Popovers
|
||||
================================================== -->
|
||||
<section id="popovers">
|
||||
<!-- Popovers
|
||||
================================================== -->
|
||||
<section id="popovers">
|
||||
<div class="page-header">
|
||||
<h1>Popovers <small>bootstrap-popover.js</small></h1>
|
||||
</div>
|
||||
@ -1016,13 +999,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
|
||||
<h4>.popover('destroy')</h4>
|
||||
<p>Destroys an element's popover.</p>
|
||||
<pre class="prettyprint linenums">$('#element').popover('destroy')</pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Alert
|
||||
================================================== -->
|
||||
<section id="alerts">
|
||||
<!-- Alert
|
||||
================================================== -->
|
||||
<section id="alerts">
|
||||
<div class="page-header">
|
||||
<h1>Alert messages <small>bootstrap-alert.js</small></h1>
|
||||
</div>
|
||||
@ -1092,13 +1075,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
|
||||
$('#my-alert').bind('closed', function () {
|
||||
// do something…
|
||||
})</pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Buttons
|
||||
================================================== -->
|
||||
<section id="buttons">
|
||||
<!-- Buttons
|
||||
================================================== -->
|
||||
<section id="buttons">
|
||||
<div class="page-header">
|
||||
<h1>Buttons <small>bootstrap-button.js</small></h1>
|
||||
</div>
|
||||
@ -1198,13 +1181,13 @@ $('#my-alert').bind('closed', function () {
|
||||
<script>
|
||||
$('.btn').button('complete')
|
||||
</script></pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Collapse
|
||||
================================================== -->
|
||||
<section id="collapse">
|
||||
<!-- Collapse
|
||||
================================================== -->
|
||||
<section id="collapse">
|
||||
<div class="page-header">
|
||||
<h1>Collapse <small>bootstrap-collapse.js</small></h1>
|
||||
</div>
|
||||
@ -1354,13 +1337,13 @@ $('#myCollapsible').collapse({
|
||||
$('#myCollapsible').on('hidden', function () {
|
||||
// do something…
|
||||
})</pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Carousel
|
||||
================================================== -->
|
||||
<section id="carousel">
|
||||
================================================== -->
|
||||
<section id="carousel">
|
||||
<div class="page-header">
|
||||
<h1>Carousel <small>bootstrap-carousel.js</small></h1>
|
||||
</div>
|
||||
@ -1494,13 +1477,13 @@ $('.carousel').carousel({
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Typeahead
|
||||
================================================== -->
|
||||
<section id="typeahead">
|
||||
<!-- Typeahead
|
||||
================================================== -->
|
||||
<section id="typeahead">
|
||||
<div class="page-header">
|
||||
<h1>Typeahead <small>bootstrap-typeahead.js</small></h1>
|
||||
</div>
|
||||
@ -1576,13 +1559,13 @@ $('.carousel').carousel({
|
||||
<h3>Methods</h3>
|
||||
<h4>.typeahead(options)</h4>
|
||||
<p>Initializes an input with a typeahead.</p>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Affix
|
||||
================================================== -->
|
||||
<section id="affix">
|
||||
<!-- Affix
|
||||
================================================== -->
|
||||
<section id="affix">
|
||||
<div class="page-header">
|
||||
<h1>
|
||||
Affix
|
||||
@ -1598,10 +1581,13 @@ $('.carousel').carousel({
|
||||
<pre class="prettyprint linenums">
|
||||
...
|
||||
</pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Footer
|
||||
================================================== -->
|
||||
|
||||
9
docs/templates/pages/extend.mustache
vendored
9
docs/templates/pages/extend.mustache
vendored
@ -66,10 +66,10 @@
|
||||
|
||||
<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><head></code>.{{/i}}</p>
|
||||
<pre class="prettyprint">
|
||||
<link rel="stylesheet/less" href="/path/to/bootstrap.less">
|
||||
<script src="/path/to/less.js"></script>
|
||||
</pre>
|
||||
<pre class="prettyprint">
|
||||
<link rel="stylesheet/less" href="/path/to/bootstrap.less">
|
||||
<script src="/path/to/less.js"></script>
|
||||
</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>
|
||||
|
||||
<h3>{{_i}}Unofficial Mac app{{/i}}</h3>
|
||||
@ -98,5 +98,6 @@
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
</div>{{! /span9 }}
|
||||
</div>{{! row}}
|
||||
|
||||
149
docs/templates/pages/javascript.mustache
vendored
149
docs/templates/pages/javascript.mustache
vendored
@ -1,30 +1,14 @@
|
||||
<!-- Masthead
|
||||
<!-- Subhead
|
||||
================================================== -->
|
||||
<header class="jumbotron subhead" id="overview">
|
||||
<h1>{{_i}}Javascript for Bootstrap{{/i}}</h1>
|
||||
<p class="lead">{{_i}}Bring Bootstrap's components to life—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>
|
||||
|
||||
|
||||
|
||||
<!-- Docs nav
|
||||
================================================== -->
|
||||
<div class="row">
|
||||
<div class="span3 bs-docs-sidebar">
|
||||
<ul class="nav nav-list bs-docs-sidenav">
|
||||
@ -47,10 +31,9 @@
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Overview
|
||||
================================================== -->
|
||||
<section id="overview">
|
||||
<!-- Overview
|
||||
================================================== -->
|
||||
<section id="overview">
|
||||
<div class="page-header">
|
||||
<h1>{{_i}}Javascript in Bootstrap{{/i}}</h1>
|
||||
</div>
|
||||
@ -67,13 +50,13 @@
|
||||
|
||||
{{! Thought: consider porting much of the JS readme here? }}
|
||||
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Transitions
|
||||
================================================== -->
|
||||
<section id="transitions">
|
||||
<!-- Transitions
|
||||
================================================== -->
|
||||
<section id="transitions">
|
||||
<div class="page-header">
|
||||
<h1>{{_i}}Transitions{{/i}} <small>bootstrap-transition.js</small></h1>
|
||||
</div>
|
||||
@ -89,13 +72,13 @@
|
||||
</ul>
|
||||
|
||||
{{! Ideas: include docs for .fade.in, .slide.in, etc }}
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Modal
|
||||
================================================== -->
|
||||
<section id="modals">
|
||||
<!-- Modal
|
||||
================================================== -->
|
||||
<section id="modals">
|
||||
<div class="page-header">
|
||||
<h1>{{_i}}Modals{{/i}} <small>bootstrap-modal.js</small></h1>
|
||||
</div>
|
||||
@ -245,7 +228,7 @@
|
||||
<td>{{_i}}path{{/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>
|
||||
<pre class="prettyprint linenums"><code><a data-toggle="modal" href="remote.html" data-target="#modal">click me</a></code></pre></td>
|
||||
<pre class="prettyprint linenums"><code><a data-toggle="modal" href="remote.html" data-target="#modal">click me</a></code></pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -298,13 +281,13 @@ $('#myModal').modal({
|
||||
$('#myModal').on('hidden', function () {
|
||||
// {{_i}}do something…{{/i}}
|
||||
})</pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Dropdown
|
||||
================================================== -->
|
||||
<section id="dropdowns">
|
||||
<!-- Dropdown
|
||||
================================================== -->
|
||||
<section id="dropdowns">
|
||||
<div class="page-header">
|
||||
<h1>{{_i}}Dropdowns{{/i}} <small>bootstrap-dropdown.js</small></h1>
|
||||
</div>
|
||||
@ -434,13 +417,13 @@ $('#myModal').on('hidden', function () {
|
||||
<h3>{{_i}}Methods{{/i}}</h3>
|
||||
<h4>$().dropdown()</h4>
|
||||
<p>{{_i}}A programatic api for activating menus for a given navbar or tabbed navigation.{{/i}}</p>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- ScrollSpy
|
||||
================================================== -->
|
||||
<section id="scrollspy">
|
||||
<!-- ScrollSpy
|
||||
================================================== -->
|
||||
<section id="scrollspy">
|
||||
<div class="page-header">
|
||||
<h1>{{_i}}ScrollSpy{{/i}} <small>bootstrap-scrollspy.js</small></h1>
|
||||
</div>
|
||||
@ -549,13 +532,13 @@ $('[data-spy="scroll"]').each(function () {
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Tabs
|
||||
================================================== -->
|
||||
<section id="tabs">
|
||||
<!-- Tabs
|
||||
================================================== -->
|
||||
<section id="tabs">
|
||||
<div class="page-header">
|
||||
<h1>{{_i}}Togglable tabs{{/i}} <small>bootstrap-tab.js</small></h1>
|
||||
</div>
|
||||
@ -670,12 +653,12 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
|
||||
e.target // activated tab
|
||||
e.relatedTarget // previous tab
|
||||
})</pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Tooltips
|
||||
================================================== -->
|
||||
<section id="tooltips">
|
||||
<!-- Tooltips
|
||||
================================================== -->
|
||||
<section id="tooltips">
|
||||
<div class="page-header">
|
||||
<h1>{{_i}}Tooltips{{/i}} <small>bootstrap-tooltip.js</small></h1>
|
||||
</div>
|
||||
@ -774,9 +757,9 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
|
||||
|
||||
<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>
|
||||
<pre class="prettyprint linenums">
|
||||
<a href="#" rel="tooltip" title="{{_i}}first tooltip{{/i}}">{{_i}}hover over me{{/i}}</a>
|
||||
</pre>
|
||||
<pre class="prettyprint linenums">
|
||||
<a href="#" rel="tooltip" title="{{_i}}first tooltip{{/i}}">{{_i}}hover over me{{/i}}</a>
|
||||
</pre>
|
||||
|
||||
<h3>{{_i}}Methods{{/i}}</h3>
|
||||
<h4>$().tooltip({{_i}}options{{/i}})</h4>
|
||||
@ -793,13 +776,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
|
||||
<h4>.tooltip('destroy')</h4>
|
||||
<p>{{_i}}Destroys an element's tooltip.{{/i}}</p>
|
||||
<pre class="prettyprint linenums">$('#element').tooltip('destroy')</pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Popovers
|
||||
================================================== -->
|
||||
<section id="popovers">
|
||||
<!-- Popovers
|
||||
================================================== -->
|
||||
<section id="popovers">
|
||||
<div class="page-header">
|
||||
<h1>{{_i}}Popovers{{/i}} <small>bootstrap-popover.js</small></h1>
|
||||
</div>
|
||||
@ -948,13 +931,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
|
||||
<h4>.popover('destroy')</h4>
|
||||
<p>{{_i}}Destroys an element's popover.{{/i}}</p>
|
||||
<pre class="prettyprint linenums">$('#element').popover('destroy')</pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Alert
|
||||
================================================== -->
|
||||
<section id="alerts">
|
||||
<!-- Alert
|
||||
================================================== -->
|
||||
<section id="alerts">
|
||||
<div class="page-header">
|
||||
<h1>{{_i}}Alert messages{{/i}} <small>bootstrap-alert.js</small></h1>
|
||||
</div>
|
||||
@ -1024,13 +1007,13 @@ $('a[data-toggle="tab"]').on('shown', function (e) {
|
||||
$('#my-alert').bind('closed', function () {
|
||||
// {{_i}}do something…{{/i}}
|
||||
})</pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Buttons
|
||||
================================================== -->
|
||||
<section id="buttons">
|
||||
<!-- Buttons
|
||||
================================================== -->
|
||||
<section id="buttons">
|
||||
<div class="page-header">
|
||||
<h1>{{_i}}Buttons{{/i}} <small>bootstrap-button.js</small></h1>
|
||||
</div>
|
||||
@ -1130,13 +1113,13 @@ $('#my-alert').bind('closed', function () {
|
||||
<script>
|
||||
$('.btn').button('complete')
|
||||
</script></pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Collapse
|
||||
================================================== -->
|
||||
<section id="collapse">
|
||||
<!-- Collapse
|
||||
================================================== -->
|
||||
<section id="collapse">
|
||||
<div class="page-header">
|
||||
<h1>{{_i}}Collapse{{/i}} <small>bootstrap-collapse.js</small></h1>
|
||||
</div>
|
||||
@ -1286,13 +1269,13 @@ $('#myCollapsible').collapse({
|
||||
$('#myCollapsible').on('hidden', function () {
|
||||
// {{_i}}do something…{{/i}}
|
||||
})</pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Carousel
|
||||
================================================== -->
|
||||
<section id="carousel">
|
||||
================================================== -->
|
||||
<section id="carousel">
|
||||
<div class="page-header">
|
||||
<h1>{{_i}}Carousel{{/i}} <small>bootstrap-carousel.js</small></h1>
|
||||
</div>
|
||||
@ -1426,13 +1409,13 @@ $('.carousel').carousel({
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Typeahead
|
||||
================================================== -->
|
||||
<section id="typeahead">
|
||||
<!-- Typeahead
|
||||
================================================== -->
|
||||
<section id="typeahead">
|
||||
<div class="page-header">
|
||||
<h1>{{_i}}Typeahead{{/i}} <small>bootstrap-typeahead.js</small></h1>
|
||||
</div>
|
||||
@ -1508,13 +1491,13 @@ $('.carousel').carousel({
|
||||
<h3>{{_i}}Methods{{/i}}</h3>
|
||||
<h4>.typeahead({{_i}}options{{/i}})</h4>
|
||||
<p>{{_i}}Initializes an input with a typeahead.{{/i}}</p>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Affix
|
||||
================================================== -->
|
||||
<section id="affix">
|
||||
<!-- Affix
|
||||
================================================== -->
|
||||
<section id="affix">
|
||||
<div class="page-header">
|
||||
<h1>
|
||||
{{_i}}Affix{{/i}}
|
||||
@ -1530,7 +1513,9 @@ $('.carousel').carousel({
|
||||
<pre class="prettyprint linenums">
|
||||
...
|
||||
</pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>{{! /span9 }}
|
||||
</div>{{! row}}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user