diff options
author | Mark Otto <markotto@twitter.com> | 2012-06-08 09:24:47 +0400 |
---|---|---|
committer | Mark Otto <markotto@twitter.com> | 2012-06-08 09:24:47 +0400 |
commit | 269ce715f1a722a10d0a4a9229bcca8da3aa682a (patch) | |
tree | 12c2d4991fbeaa808c7ea33fc2e30506f7301ab8 /docs/javascript.html | |
parent | 97c7a83a8fd96ae9e2e227e150f967a4b476f0a9 (diff) |
overhaul js docs top sections, update subhead
Diffstat (limited to 'docs/javascript.html')
-rw-r--r-- | docs/javascript.html | 92 |
1 files changed, 29 insertions, 63 deletions
diff --git a/docs/javascript.html b/docs/javascript.html index 2aa5fce2c1..a6dcd301e4 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -177,69 +177,35 @@ - <!-- Using Javascript w/ Bootstrap - ================================================== --> - <section id="javascript"> - <div class="page-header"> - <h1>jQuery plugins <small>A dozen Bootstrap plugins to get you started</small></h1> - </div> - <div class="row"> - <div class="span4"> - <h3><a href="./javascript.html#modals">Modals</a></h3> - <p>A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.</p> - </div> - <div class="span4"> - <h3><a href="./javascript.html#dropdowns">Dropdowns</a></h3> - <p>Add dropdown menus to nearly anything in Bootstrap with this simple plugin. Bootstrap features full dropdown menu support on in the navbar, tabs, and pills.</p> - </div> - <div class="span4"> - <h3><a href="./javascript.html#scrollspy">Scrollspy</a></h3> - <p>Use scrollspy to automatically update the links in your navbar to show the current active link based on scroll position.</p> - </div> - <div class="span4"> - <h3><a href="./javascript.html#tabs">Togglable tabs</a></h3> - <p>Use this plugin to make tabs and pills more useful by allowing them to toggle through tabbable panes of local content.</p> - </div> - </div> <!-- /row --> - <div class="row"> - <div class="span4"> - <h3><a href="./javascript.html#tooltips">Tooltips</a></h3> - <p>A new take on the jQuery Tipsy plugin, Tooltips don't rely on images—they use CSS3 for animations and data-attributes for local title storage.</p> - </div> - <div class="span4"> - <h3><a href="./javascript.html#popovers">Popovers</a> <small class="muted">*</small></h3> - <p>Add small overlays of content, like those on the iPad, to any element for housing secondary information.</p> - <p class="muted"><strong>*</strong> Requires <a href="#tooltips">Tooltips</a> to be included</p> - </div> - <div class="span4"> - <h3><a href="./javascript.html#alerts">Alert messages</a></h3> - <p>The alert plugin is a tiny class for adding close functionality to alerts.</p> - </div> - <div class="span4"> - <h3><a href="./javascript.html#buttons">Buttons</a></h3> - <p>Do more with buttons. Control button states or create groups of buttons for more components like toolbars.</p> - </div> - </div> <!-- /row --> - <div class="row" style="margin-bottom: 9px;"> - <div class="span4"> - <h3><a href="./javascript.html#collapse">Collapse</a></h3> - <p>Get base styles and flexible support for collapsible components like accordions and navigation.</p> - </div> - <div class="span4"> - <h3><a href="./javascript.html#carousel">Carousel</a></h3> - <p>Create a merry-go-round of any content you wish to provide an interactive slideshow of content.</p> - </div> - <div class="span4"> - <h3><a href="./javascript.html#typeahead">Typeahead</a></h3> - <p>A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.</p> - </div> - <div class="span4"> - <h3>Transitions <small class="muted">*</small></h3> - <p>For simple transition effects, include bootstrap-transition.js once to slide in modals or fade out alerts.</p> - <p class="muted"><strong>*</strong> Required for animation in plugins</p> - </div> - </div> <!-- /row --> - <div class="alert alert-info"><strong>Heads up!</strong> If you have downloaded the latest version of Bootstrap, both <strong>bootstrap.js</strong> and <strong>bootstrap.min.js</strong> contain all of these plugins.</div> + +<!-- Overview +================================================== --> +<section id="overview"> + <div class="page-header"> + <h1>Javascript in Bootstrap</h1> + </div> + <h3>Individual or compiled</h3> + <p>If you have downloaded the latest version of Bootstrap, both <strong>bootstrap.js</strong> and <strong>bootstrap.min.js</strong> contain all of these plugins.</p> + <h3>Data attributea</h3> + <p>...</p> + <h3>Programmatic API</h3> + <p>...</p> + + + +</section> + + + +<!-- Transitions +================================================== --> +<section id="modals"> + <div class="page-header"> + <h1>Transitions <small>bootstrap-transition.js</small></h1> + </div> + <h3>About transitions</h3> + <p>For simple transition effects, include bootstrap-transition.js once to slide in modals or fade out alerts.</p> + <p class="muted"><strong>*</strong> Required for animation in plugins</p> </section> |