github/bootstrap
1
1
Fork 0
mirror of https://github.com/jasny/bootstrap.git synced 2026-01-22 12:48:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Build bootstrap + docs

Browse Source
This commit is contained in:
Arnold Daniels
2012-02-21 23:48:21 +01:00
parent ce8b3acc6c
commit eff81df820
13 changed files with 108 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
docs/javascript.html
View File

@@ -78,7 +78,7 @@
================================================== -->
<header class="jumbotron subhead" id="overview">
<h1>Javascript for Bootstrap</h1>
<p class="lead">Bring Bootstrap's components to life&mdash;now with 14 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.
<p class="lead">Bring Bootstrap's components to life&mdash;now with 15 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins.
<div class="subnav">
<ul class="nav nav-pills">
<li><a href="#javascript">All plugins</a></li>
@@ -95,6 +95,7 @@
<li><a href="#typeahead">Typeahead</a></li>
<li><a href="#placeholder">Placeholder</a></li>
<li><a href="#inputmask">Input mask</a></li>
<li><a href="#table-href">Table href</a></li>
</ul>
</div>
</header>
@@ -192,6 +193,12 @@
<p>Make sure the user types in the data that you want, by using an input mask.</p>
</label>
</div>
<div class="span3">
<label>
<h3><a href="./javascript.html#table-href">Table href</a></h3>
<p>A simple plugin, to turn table rows into a links.</p>
</label>
</div>
<div class="span3">
<label>
<h3>Transitions <small class="muted">*</small></h3>
@@ -1449,6 +1456,7 @@ $('.myCarousel').carousel({
</div>
</section>
<<<<<<< HEAD
<!-- Placeholder
@@ -1518,6 +1526,41 @@ $('.myCarousel').carousel({
</div>
</section>
<!-- Table-href
================================================== -->
<section id="table-href">
<div class="page-header">
<h1>Table href <small>bootstrap-table-href.js</small></h1>
</div>
<div class="row">
<div class="span3 columns">
<h3>About</h3>
<p>A plugin to turn a table row into a clickable link.</p>
<a href="assets/js/bootstrap-table-href.js" target="_blank" class="btn">Download file</a>
</div>
<div class="span9 columns">
<h2>Example</h2>
<table class="table table-striped table-bordered">
<tr><th>Name</th><th>Description</th><th>Actions</th></tr>
<tr data-href="./javascript.html#modals"><td>Modals</td><td>A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.</td><td class="nohref"><a href="#">Action</a></td></tr>
<tr data-href="./javascript.html#dropdowns"><td>Dropdowns</td><td>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.</td><td class="nohref"><a href="#">Action</a></td></tr>
<tr data-href="./javascript.html#scrollspy"><td>Scrollspy</td><td>Use scrollspy to automatically update the links in your navbar to show the current active link based on scroll position.</td><td class="nohref"><a href="#">Action</a></td></tr>
<tr data-href="./javascript.html#tabs"><td>Togglable tabs</td><td>Use this plugin to make tabs and pills more useful by allowing them to toggle through tabbable panes of local content.</td><td class="nohref"><a href="#">Action</a></td></tr>
<tr data-href="./javascript.html#tooltips"><td>Tooltips</td><td>A new take on the jQuery Tipsy plugin, Tooltips don't rely on images, uss CSS3 for animations, and data-attributes for local title storage.</td><td class="nohref"><a href="#">Action</a></td></tr>
</table>
<h3>Markup</h3>
<p>Add the <code>data-href</code> attribute to a tr element. A column can be excluded by adding the <code>.nohref</code> class.</p>
<pre class="prettyprint linenums">
&lt;table&gt;
&lt;tr data-href="javascript.html#modals"&gt;&lt;td&gt;Modals&lt;/td&gt;&lt;td class="nohref"&gt;&lt;a href="#"&gt;Action&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
</pre>
</div>
</div>
</section>
<!-- Footer
================================================== -->
<footer class="footer">
@@ -1552,6 +1595,7 @@ $('.myCarousel').carousel({
<script src="assets/js/bootstrap-typeahead.js"></script>
<script src="assets/js/bootstrap-inputmask.js"></script>
<script src="assets/js/bootstrap-placeholder.js"></script>
<script src="assets/js/bootstrap-table-href.js"></script>
<script src="assets/js/application.js"></script>