diff --git a/docs/javascript.html b/docs/javascript.html index 6d06ff6d197d27af452314029efd575621b3c6e7..0a31d312f992c606d7d57ac481fec0066db18a16 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -2,7 +2,7 @@ <html lang="en"> <head> <meta charset="utf-8"> - <title>Javascript · Twitter Bootstrap</title> + <title>JavaScript · Twitter Bootstrap</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> @@ -56,7 +56,7 @@ <a href="./components.html">Components</a> </li> <li class="active"> - <a href="./javascript.html">Javascript plugins</a> + <a href="./javascript.html">JavaScript plugins</a> </li> <li class=""> <a href="./less.html">Using LESS</a> @@ -79,7 +79,7 @@ <!-- Masthead ================================================== --> <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—now with 12 custom <a href="http://jquery.com/" target="_blank">jQuery</a> plugins. <div class="subnav"> <ul class="nav nav-pills"> @@ -100,7 +100,7 @@ </header> - <!-- Using Javascript w/ Bootstrap + <!-- Using JavaScript w/ Bootstrap ================================================== --> <section id="javascript"> <div class="page-header"> @@ -109,7 +109,7 @@ <div class="row"> <div class="span3"> <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> + <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="span3"> <h3><a href="./javascript.html#dropdowns">Dropdowns</a></h3> @@ -162,7 +162,7 @@ <p class="muted"><strong>*</strong> Required for animation in plugins</p> </div> </div> <!-- /row --> - <div class="alert alert-info"><strong>Heads up!</strong> All javascript plugins require the latest version of jQuery.</div> + <div class="alert alert-info"><strong>Heads up!</strong> All JavaScript plugins require the latest version of jQuery.</div> </section> @@ -176,7 +176,7 @@ <div class="row"> <div class="span3 columns"> <h3>About modals</h3> - <p>A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.</p> + <p>A streamlined, but flexible, take on the traditional JavaScript modal plugin with only the minimum required functionality and smart defaults.</p> <a href="assets/js/bootstrap-modal.js" target="_blank" class="btn">Download file</a> </div> <div class="span9 columns"> @@ -199,7 +199,7 @@ </div> <!-- /well --> <h2>Live demo</h2> - <p>Toggle a modal via javascript by clicking the button below. It will slide down and fade in from the top of the page.</p> + <p>Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.</p> <!-- sample modal content --> <div id="myModal" class="modal hide fade"> <div class="modal-header"> @@ -237,7 +237,7 @@ <hr> <h2>Using bootstrap-modal</h2> - <p>Call the modal via javascript:</p> + <p>Call the modal via JavaScript:</p> <pre class="prettyprint linenums">$('#myModal').modal(options)</pre> <h3>Options</h3> <table class="table table-bordered table-striped"> @@ -271,7 +271,7 @@ </tbody> </table> <h3>Markup</h3> - <p>You can activate modals on your page easily without having to write a single line of javascript. Just set <code>data-toggle="modal"</code> on a controller element with a <code>data-target="#foo"</code> or <code>href="#foo"</code> which corresponds to a modal element id, and when clicked, it will launch your modal.</p> + <p>You can activate modals on your page easily without having to write a single line of JavaScript. Just set <code>data-toggle="modal"</code> on a controller element with a <code>data-target="#foo"</code> or <code>href="#foo"</code> which corresponds to a modal element id, and when clicked, it will launch your modal.</p> <p>Also, to add options to your modal instance, just include them as additional data attributes on either the control element or the modal markup itself.</p> <pre class="prettyprint linenums"> <a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a> @@ -444,7 +444,7 @@ $('#myModal').on('hidden', function () { <hr> <h2>Using bootstrap-dropdown.js</h2> - <p>Call the dropdowns via javascript:</p> + <p>Call the dropdowns via JavaScript:</p> <pre class="prettyprint linenums">$('.dropdown-toggle').dropdown()</pre> <h3>Markup</h3> <p>To quickly add dropdown functionality to any element just add <code>data-toggle="dropdown"</code> and any valid bootstrap dropdown will automatically be activated.</p> @@ -553,7 +553,7 @@ $('#myModal').on('hidden', function () { </div> <hr> <h2>Using bootstrap-scrollspy.js</h2> - <p>Call the scrollspy via javascript:</p> + <p>Call the scrollspy via JavaScript:</p> <pre class="prettyprint linenums">$('#navbar').scrollspy()</pre> <h3>Markup</h3> <p>To easily add scrollspy behavior to your topbar navigation, just add <code>data-spy="scroll"</code> to the element you want to spy on (most typically this would be the body).</p> @@ -651,7 +651,7 @@ $('[data-spy="scroll"]').each(function () { </div> <hr> <h2>Using bootstrap-tab.js</h2> - <p>Enable tabbable tabs via javascript (each tab needs to be activated individually):</p> + <p>Enable tabbable tabs via JavaScript (each tab needs to be activated individually):</p> <pre class="prettyprint linenums"> $('#myTab a').click(function (e) { e.preventDefault(); @@ -665,7 +665,7 @@ $('#myTab a:last').tab('show'); // Select last tab $('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed) </pre> <h3>Markup</h3> - <p>You can activate a tab or pill navigation without writing any javascript by simply specifying <code>data-toggle="tab"</code> or <code>data-toggle="pill"</code> on an element. Adding the <code>nav</code> and <code>nav-tabs</code> classes to the tab <code>ul</code> will apply the bootstrap tab styling.</p> + <p>You can activate a tab or pill navigation without writing any JavaScript by simply specifying <code>data-toggle="tab"</code> or <code>data-toggle="pill"</code> on an element. Adding the <code>nav</code> and <code>nav-tabs</code> classes to the tab <code>ul</code> will apply the bootstrap tab styling.</p> <pre class="prettyprint linenums"> <ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">Home</a></li> @@ -749,7 +749,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) { </div> <hr> <h2>Using bootstrap-tooltip.js</h2> - <p>Trigger the tooltip via javascript:</p> + <p>Trigger the tooltip via JavaScript:</p> <pre class="prettyprint linenums">$('#example').tooltip(options)</pre> <h3>Options</h3> <table class="table table-bordered table-striped"> @@ -852,7 +852,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) { </div> <hr> <h2>Using bootstrap-popover.js</h2> - <p>Enable popovers via javascript:</p> + <p>Enable popovers via JavaScript:</p> <pre class="prettyprint linenums">$('#example').popover(options)</pre> <h3>Options</h3> <table class="table table-bordered table-striped"> @@ -968,7 +968,7 @@ $('a[data-toggle="tab"]').on('shown', function (e) { </div> <hr> <h2>Using bootstrap-alert.js</h2> - <p>Enable dismissal of an alert via javascript:</p> + <p>Enable dismissal of an alert via JavaScript:</p> <pre class="prettyprint linenums">$(".alert").alert()</pre> <h3>Markup</h3> <p>Just add <code>data-dismiss="alert"</code> to your close button to automatically give an alert close functionality.</p> @@ -1064,7 +1064,7 @@ $('#my-alert').bind('closed', function () { </table> <hr> <h2>Using bootstrap-button.js</h2> - <p>Enable buttons via javascript:</p> + <p>Enable buttons via JavaScript:</p> <pre class="prettyprint linenums">$('.nav-tabs').button()</pre> <h3>Markup</h3> <p>Data attributes are integral to the button plugin. Check out the example code below for the various markup types.</p> @@ -1175,7 +1175,7 @@ $('#my-alert').bind('closed', function () { <hr> <h2>Using bootstrap-collapse.js</h2> - <p>Enable via javascript:</p> + <p>Enable via JavaScript:</p> <pre class="prettyprint linenums">$(".collapse").collapse()</pre> <h3>Options</h3> <table class="table table-bordered table-striped"> @@ -1318,7 +1318,7 @@ $('#myCollapsible').on('hidden', function () { </div> <hr> <h2>Using bootstrap-carousel.js</h2> - <p>Call via javascript:</p> + <p>Call via JavaScript:</p> <pre class="prettyprint linenums">$('.carousel').carousel()</pre> <h3>Options</h3> <table class="table table-bordered table-striped"> @@ -1424,7 +1424,7 @@ $('.carousel').carousel({ </div> <hr> <h2>Using bootstrap-typeahead.js</h2> - <p>Call the typeahead via javascript:</p> + <p>Call the typeahead via JavaScript:</p> <pre class="prettyprint linenums">$('.typeahead').typeahead()</pre> <h3>Options</h3> <table class="table table-bordered table-striped"> @@ -1495,7 +1495,7 @@ $('.carousel').carousel({ - <!-- Le javascript + <!-- Le JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>