<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">{{_i}}Buttons{{/i}} <b class="caret"></b></a>
<ul class="dropdown-menu">
- <li><a href="#buttonGroups">Button groups</a></li>
- <li><a href="#buttonDropdowns">Button dropdowns</a></li>
+ <li><a href="#buttonGroups">{{_i}}Button groups{{/i}}</a></li>
+ <li><a href="#buttonDropdowns">{{_i}}Button dropdowns{{/i}}</a></li>
</ul>
</li>
<li class="dropdown">
<div class="navbar-inner">
<div class="container">
- <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
+ <!-- {{_i}}.btn-navbar is used as the toggle for collapsed navbar content{{/i}} -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
- <!-- Be sure to leave the brand out there if you want it shown -->
+ <!-- {{_i}}Be sure to leave the brand out there if you want it shown{{/i}} -->
<a class="brand" href="#">{{_i}}Project name{{/i}}</a>
- <!-- Everything you want hidden at 940px or less, place within here -->
+ <!-- {{_i}}Everything you want hidden at 940px or less, place within here{{/i}} -->
<div class="nav-collapse">
<!-- .nav, .navbar-search, .navbar-form, etc -->
</div>
<header class="jumbotron masthead">
<div class="inner">
<h1>{{_i}}Bootstrap, from Twitter{{/i}}</h1>
- <p>Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.</p>
+ <p>{{_i}}Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.{{/i}}</p>
<p class="download-info">
<a href="https://github.com/twitter/bootstrap/" class="btn btn-primary btn-large">{{_i}}View project on GitHub{{/i}}</a>
<a href="assets/bootstrap.zip" class="btn btn-large">{{_i}}Download Bootstrap{{/i}}</a>
</div>
<ul class="quick-links">
- <li><a href="./upgrading.html">Upgrading from 1.4</a></li>
+ <li><a href="./upgrading.html">{{_i}}Upgrading from 1.4{{/i}}</a></li>
<li><a href="https://github.com/twitter/bootstrap/issues?state=open">{{_i}}Issues{{/i}}</a></li>
<li><a href="https://github.com/twitter/bootstrap/wiki/Roadmap">{{_i}}Roadmap{{/i}}</a></li>
<li><a href="https://github.com/twitter/bootstrap/wiki/Changelog">{{_i}}Changelog{{/i}}</a></li>
<h3>{{_i}}Markup{{/i}}</h3>
<p>{{_i}}Data attributes are integral to the button plugin. Check out the example code below for the various markup types.{{/i}}</p>
<pre class="prettyprint linenums">
-<!-- Add data-toggle="button" to activate toggling on a single button -->
+<!-- {{_i}}Add data-toggle="button" to activate toggling on a single button{{/i}} -->
<button class="btn" data-toggle="button">Single Toggle</button>
-<!-- Add data-toggle="buttons-checkbox" for checkbox style toggling on btn-group -->
+<!-- {{_i}}Add data-toggle="buttons-checkbox" for checkbox style toggling on btn-group{{/i}} -->
<div class="btn-group" data-toggle="buttons-checkbox">
<button class="btn">Left</button>
<button class="btn">Middle</button>
<button class="btn">Right</button>
</div>
-<!-- Add data-toggle="buttons-radio" for radio style toggling on btn-group -->
+<!-- {{_i}}Add data-toggle="buttons-radio" for radio style toggling on btn-group{{/i}} -->
<div class="btn-group" data-toggle="buttons-radio">
<button class="btn">Left</button>
<button class="btn">Middle</button>
<hr>
<h2>{{_i}}Using bootstrap-collapse.js{{/i}}</h2>
- <p>Enable via javascript:</p>
+ <p>{{_i}}Enable via javascript:{{/i}}</p>
<pre class="prettyprint linenums">$(".collapse").collapse()</pre>
<h3>{{_i}}Options{{/i}}</h3>
<table class="table table-bordered table-striped">
<p>{{_i}}Data attributes are integral to the carousel plugin. Check out the example code below for the various markup types.{{/i}}</p>
<pre class="prettyprint linenums">
<div class="carousel">
- <!-- Carousel items -->
+ <!-- {{_i}}Carousel items{{/i}} -->
<div class="carousel-inner">
...
</div>
- <!-- Carousel nav -->
+ <!-- {{_i}}Carousel nav{{/i}} -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>
<h3>{{_i}}Components{{/i}}</h3>
<div class="row">
<div class="span6">
- <h4>Buttons</h4>
+ <h4>{{_i}}Buttons{{/i}}</h4>
<table class="table table-bordered table-striped">
<tbody>
<tr>
</tr>
</tbody>
</table>
- <h4>Forms</h4>
+ <h4>{{_i}}Forms{{/i}}</h4>
<table class="table table-bordered table-striped">
<tbody>
<tr>
</tr>
</tbody>
</table>
- <h4>Navbar</h4>
+ <h4>{{_i}}Navbar{{/i}}</h4>
<table class="table table-bordered table-striped">
<tbody>
<tr>
</tr>
</tbody>
</table>
- <h3>CSS3 properties</h3>
+ <h3>{{_i}}CSS3 properties{{/i}}</h3>
<table class="table table-bordered table-striped">
<thead>
<tr>
</tr>
</tbody>
</table>
- <h3>Backgrounds and gradients</h3>
+ <h3>{{_i}}Backgrounds and gradients{{/i}}</h3>
<table class="table table-bordered table-striped">
<thead>
<tr>
<h1>{{_i}}Grid system <small>12 columns with a responsive twist</small>{{/i}}</h1>
</div>
- <h2>Default 940px grid</h2>
+ <h2>{{_i}}Default 940px grid{{/i}}</h2>
<div class="row show-grid">
<div class="span1">1</div>
<div class="span1">1</div>
<br>
- <h2>Offsetting columns</h2>
+ <h2>{{_i}}Offsetting columns{{/i}}</h2>
<div class="row show-grid">
<div class="span4">4</div>
<div class="span4 offset4">4 offset 4</div>
<ul>
<li>{{_i}}Base class changed from <code>.topbar</code> to <code>.navbar</code>{{/i}}</li>
<li>{{_i}}Now supports static position (default behavior, not fixed) and fixed to the top of viewport via <code>.navbar-fixed-top</code> (previously only supported fixed){{/i}}</li>
- <li>{{_i}}Removed the <code>.secondary-nav</code> class; instead, just use <code>.pull-right</code> for right-aligned nav{{/i}}</li>
<li>{{_i}}Added vertical dividers to top-level nav{{/i}}</li>
<li>{{_i}}Improved support for inline forms in the navbar, which now require <code>.navbar-form</code> to properly scope styles to only the intended forms.{{/i}}</li>
<li>{{_i}}Navbar search form now requires use of the <code>.navbar-search</code> class and its input the use of <code>.search-query</code>. To position the search form, you <strong>must</strong> use <code>.pull-left</code> or <code>.pull-right</code>.{{/i}}</li>
<ul>
<li>Base class changed from <code>.topbar</code> to <code>.navbar</code></li>
<li>Now supports static position (default behavior, not fixed) and fixed to the top of viewport via <code>.navbar-fixed-top</code> (previously only supported fixed)</li>
- <li>Removed the <code>.secondary-nav</code> class; instead, just use <code>.pull-right</code> for right-aligned nav</li>
<li>Added vertical dividers to top-level nav</li>
<li>Improved support for inline forms in the navbar, which now require <code>.navbar-form</code> to properly scope styles to only the intended forms.</li>
<li>Navbar search form now requires use of the <code>.navbar-search</code> class and its input the use of <code>.search-query</code>. To position the search form, you <strong>must</strong> use <code>.pull-left</code> or <code>.pull-right</code>.</li>
projects / thirdparty / bootstrap.git / commitdiff
