rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

finish off the static stuff for build and download page

Browse Source
This commit is contained in:
Mark Otto 2012-01-25 13:33:55 -08:00
parent 9c4a70c597
commit 4ea63e5261
6 changed files with 331 additions and 272 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
docs/assets/css/docs.css
View File

@ -125,7 +125,7 @@ section {
margin-right: 0; margin-right: 0;
} }
.subhead h1 { .subhead h1 {
font-size: 45px; font-size: 54px;
} }
/* Subnav */ /* Subnav */
@ -168,10 +168,17 @@ section {
color: #333; color: #333;
} }
.subnav .nav .active a { .subnav .nav .active a {
background-color: #e5e5e5; background-color: #e9e9e9;
border-right-color: #ddd;
border-left: 0;
padding-left: 13px;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.075);
-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.075);
box-shadow: inset 0 3px 5px rgba(0,0,0,.075);
} }
.subnav .nav li:first-child a { .subnav .nav li:first-child a {
border-left: 0; border-left: 0;
padding-left: 12px;
} }
.subnav .nav li:last-child a { .subnav .nav li:last-child a {
border-right: 0; border-right: 0;
@ -464,7 +471,6 @@ section {
font-family: Menlo, Monaco, "Courier New", monospace; font-family: Menlo, Monaco, "Courier New", monospace;
font-size: 12px; font-size: 12px;
color: #d14; color: #d14;
background-color: #f7f7f9;
} }
.download-builder input[type=text]:focus { .download-builder input[type=text]:focus {
background-color: #fff; background-color: #fff;
@ -473,7 +479,6 @@ section {
/* Custom, larger checkbox labels */ /* Custom, larger checkbox labels */
.download .checkbox { .download .checkbox {
padding: 6px 10px 6px 25px; padding: 6px 10px 6px 25px;
font-size: 14px;
color: #555; color: #555;
background-color: #f9f9f9; background-color: #f9f9f9;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -485,10 +490,6 @@ section {
color: #333; color: #333;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.download .checkbox input[type=checkbox] {
position: relative;
top: 1px;
}
.download .checkbox small { .download .checkbox small {
font-size: 12px; font-size: 12px;
color: #777; color: #777;
@ -496,17 +497,23 @@ section {
/* Giant download button */ /* Giant download button */
.download-btn { .download-btn {
pading: 18px 20px; margin: 36px 0 108px;
margin: 45px 0; }
.download p,
.download h4 {
max-width: 50%;
margin: 0 auto 18px;
color: #999;
text-align: center; text-align: center;
border: 1px solid #eee; }
-webkit-border-radius: 4px; .download-btn h4 {
-moz-border-radius: 4px; margin-bottom: 0;
border-radius: 4px;
} }
.btn.xlarge { .btn.xlarge {
margin: 36px auto; display: block;
padding: 14px 24px; width: auto;
padding: 19px 24px;
margin-bottom: 27px;
font-size: 30px; font-size: 30px;
text-align: center; text-align: center;
-webkit-border-radius: 6px; -webkit-border-radius: 6px;

BIN
docs/assets/img/twitter-logo-no-bird.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

254
docs/base-css.html
View File

@ -1023,66 +1023,68 @@
<div class="row"> <div class="row">
<div class="span8"> <div class="span8">
<form class="form-horizontal"> <form class="form-horizontal">
<legend>Form control states</legend> <fieldset>
<div class="control-group"> <legend>Form control states</legend>
<label class="control-label" for="focusedInput">Focused input</label> <div class="control-group">
<div class="controls"> <label class="control-label" for="focusedInput">Focused input</label>
<input class="input-xlarge focused" id="focusedInput" name="focusedInput" type="text" value="This is focused…"> <div class="controls">
<input class="input-xlarge focused" id="focusedInput" name="focusedInput" type="text" value="This is focused…">
</div>
</div> </div>
</div> <div class="control-group">
<div class="control-group"> <label class="control-label" for="disabledInput">Disabled input</label>
<label class="control-label" for="disabledInput">Disabled input</label> <div class="controls">
<div class="controls"> <input class="input-xlarge disabled" id="disabledInput" name="disabledInput" type="text" placeholder="Disabled input here…" disabled>
<input class="input-xlarge disabled" id="disabledInput" name="disabledInput" type="text" placeholder="Disabled input here…" disabled> </div>
</div> </div>
</div> <div class="control-group">
<div class="control-group"> <label class="control-label" for="optionsCheckbox">Disabled checkbox</label>
<label class="control-label" for="optionsCheckbox">Disabled checkbox</label> <div class="controls">
<div class="controls"> <label class="checkbox">
<label class="checkbox"> <input type="checkbox" name="optionsCheckbox" value="option1" disabled>
<input type="checkbox" name="optionsCheckbox" value="option1" disabled> This is a disabled checkbox
This is a disabled checkbox </label>
</label> </div>
</div> </div>
</div> <div class="control-group warning">
<div class="control-group warning"> <label class="control-label" for="inputError">Input with warning</label>
<label class="control-label" for="inputError">Input with warning</label> <div class="controls">
<div class="controls"> <input type="text" name="inputError">
<input type="text" name="inputError"> <span class="help-inline">Something may have gone wrong</span>
<span class="help-inline">Something may have gone wrong</span> </div>
</div> </div>
</div> <div class="control-group error">
<div class="control-group error"> <label class="control-label" for="inputError">Input with error</label>
<label class="control-label" for="inputError">Input with error</label> <div class="controls">
<div class="controls"> <input type="text" name="inputError">
<input type="text" name="inputError"> <span class="help-inline">Please correct the error</span>
<span class="help-inline">Please correct the error</span> </div>
</div> </div>
</div> <div class="control-group success">
<div class="control-group success"> <label class="control-label" for="inputError">Input with success</label>
<label class="control-label" for="inputError">Input with success</label> <div class="controls">
<div class="controls"> <input type="text" name="inputError">
<input type="text" name="inputError"> <span class="help-inline">Woohoo!</span>
<span class="help-inline">Woohoo!</span> </div>
</div> </div>
</div> <div class="control-group success">
<div class="control-group success"> <label class="control-label" for="selectError">Select with success</label>
<label class="control-label" for="selectError">Select with success</label> <div class="controls">
<div class="controls"> <select name="selectError">
<select name="selectError"> <option>1</option>
<option>1</option> <option>2</option>
<option>2</option> <option>3</option>
<option>3</option> <option>4</option>
<option>4</option> <option>5</option>
<option>5</option> </select>
</select> <span class="help-inline">Woohoo!</span>
<span class="help-inline">Woohoo!</span> </div>
</div> </div>
</div> <div class="form-actions">
<div class="form-actions"> <button type="submit" class="btn primary">Save changes</button>
<button type="submit" class="btn primary">Save changes</button> <button type="reset" class="btn">Cancel</button>
<button type="reset" class="btn">Cancel</button> </div>
</div> </fieldset>
</form> </form>
</div> </div>
<div class="span4"> <div class="span4">
@ -1107,85 +1109,87 @@
<div class="row"> <div class="row">
<div class="span8"> <div class="span8">
<form class="form-horizontal"> <form class="form-horizontal">
<legend>Extending form controls</legend> <fieldset>
<div class="control-group"> <legend>Extending form controls</legend>
<label class="control-label">Form sizes</label> <div class="control-group">
<div class="controls docs-input-sizes"> <label class="control-label">Form sizes</label>
<input class="span2" type="text" name="" placeholder=".span2"> <div class="controls docs-input-sizes">
<input class="span3" type="text" name="" placeholder=".span3"> <input class="span2" type="text" name="" placeholder=".span2">
<input class="span4" type="text" name="" placeholder=".span4"> <input class="span3" type="text" name="" placeholder=".span3">
<p class="help-block">Use the same <code>.span*</code> classes from the grid system for input sizes.</p> <input class="span4" type="text" name="" placeholder=".span4">
</div> <p class="help-block">Use the same <code>.span*</code> classes from the grid system for input sizes.</p>
</div>
<div class="control-group">
<label class="control-label" for="prependedInput">Prepended text</label>
<div class="controls">
<div class="input-prepend">
<span class="add-on">@</span>
<input class="span2" id="prependedInput" name="prependedInput" size="16" type="text">
</div> </div>
<p class="help-block">Here's some help text</p>
</div> </div>
</div> <div class="control-group">
<div class="control-group"> <label class="control-label" for="prependedInput">Prepended text</label>
<label class="control-label" for="appendedInput">Appended text</label> <div class="controls">
<div class="controls"> <div class="input-prepend">
<div class="input-append"> <span class="add-on">@</span>
<input class="span2" id="appendedInput" name="appendedInput" size="16" type="text"> <input class="span2" id="prependedInput" name="prependedInput" size="16" type="text">
<span class="add-on">.00</span> </div>
<p class="help-block">Here's some help text</p>
</div> </div>
<p class="help-block">Here's more help text</p>
</div> </div>
</div> <div class="control-group">
<div class="control-group"> <label class="control-label" for="appendedInput">Appended text</label>
<label class="control-label" for="inlineCheckboxes">Inline checkboxes</label> <div class="controls">
<div class="controls"> <div class="input-append">
<label class="checkbox inline"> <input class="span2" id="appendedInput" name="appendedInput" size="16" type="text">
<input type="checkbox" name="inlineCheckbox1" value="option1"> 1 <span class="add-on">.00</span>
</label> </div>
<label class="checkbox inline"> <p class="help-block">Here's more help text</p>
<input type="checkbox" name="inlineCheckbox1" value="option1"> 2 </div>
</label>
<label class="checkbox inline">
<input type="checkbox" name="inlineCheckbox1" value="option1"> 3
</label>
</div> </div>
</div> <div class="control-group">
<div class="control-group"> <label class="control-label" for="inlineCheckboxes">Inline checkboxes</label>
<label class="control-label" for="optionsCheckboxes">Checkboxes</label> <div class="controls">
<div class="controls"> <label class="checkbox inline">
<label class="checkbox"> <input type="checkbox" name="inlineCheckbox1" value="option1"> 1
<input type="checkbox" name="optionsCheckboxes" value="option1"> </label>
Option one is this and that&mdash;be sure to include why it’s great <label class="checkbox inline">
</label> <input type="checkbox" name="inlineCheckbox1" value="option1"> 2
<label class="checkbox"> </label>
<input type="checkbox" name="optionsCheckboxes" value="option2"> <label class="checkbox inline">
Option two can also be checked and included in form results <input type="checkbox" name="inlineCheckbox1" value="option1"> 3
</label> </label>
<label class="checkbox"> </div>
<input type="checkbox" name="optionsCheckboxes" value="option3">
Option three can&mdash;yes, you guessed it&mdash;also be checked and included in form results
</label>
<p class="help-text"><strong>Note:</strong> Labels surround all the options for much larger click areas and a more usable form.</p>
</div> </div>
</div> <div class="control-group">
<div class="control-group"> <label class="control-label" for="optionsCheckboxes">Checkboxes</label>
<label class="control-label" for="optionsRadios">Radio buttons</label> <div class="controls">
<div class="controls"> <label class="checkbox">
<label class="radio"> <input type="checkbox" name="optionsCheckboxes" value="option1">
<input type="radio" checked name="optionsRadios" value="option1"> Option one is this and that&mdash;be sure to include why it’s great
Option one is this and that&mdash;be sure to include why it’s great </label>
</label> <label class="checkbox">
<label class="radio"> <input type="checkbox" name="optionsCheckboxes" value="option2">
<input type="radio" name="optionsRadios" value="option2"> Option two can also be checked and included in form results
Option two can is something else and selecting it will deselect option one </label>
</label> <label class="checkbox">
<input type="checkbox" name="optionsCheckboxes" value="option3">
Option three can&mdash;yes, you guessed it&mdash;also be checked and included in form results
</label>
<p class="help-text"><strong>Note:</strong> Labels surround all the options for much larger click areas and a more usable form.</p>
</div>
</div> </div>
</div> <div class="control-group">
<div class="form-actions"> <label class="control-label" for="optionsRadios">Radio buttons</label>
<button type="submit" class="btn primary">Save changes</button> <div class="controls">
<button type="reset" class="btn">Cancel</button> <label class="radio">
</div> <input type="radio" checked name="optionsRadios" value="option1">
Option one is this and that&mdash;be sure to include why it’s great
</label>
<label class="radio">
<input type="radio" name="optionsRadios" value="option2">
Option two can is something else and selecting it will deselect option one
</label>
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn primary">Save changes</button>
<button type="reset" class="btn">Cancel</button>
</div>
</fieldset>
</form> </form>
</div> </div>
<div class="span4"> <div class="span4">

28
docs/download.html
View File

@ -69,11 +69,19 @@
<!-- Masthead <!-- Masthead
================================================== --> ================================================== -->
<header class="jumbotron subhead" id="overview"> <header class="jumbotron subhead" id="overview">
<h1>Download and customize Bootstrap</h1> <h1>Download and customize</h1>
<p class="lead"><a href="https://github.com/twitter/bootstrap/zipball/master">Download the full repository</a> or customize your entire Bootstrap build by selecting only the components, javascript plugins, and assets you need.</p> <p class="lead"><a href="https://github.com/twitter/bootstrap/zipball/master">Download the full repository</a> or customize your entire Bootstrap build by selecting only the components, javascript plugins, and assets you need.</p>
<div class="subnav">
<ul class="nav pills">
<li><a href="#components">1. Select components</a></li>
<li><a href="#variables">2. Modify variables</a></li>
<li><a href="#plugins">3. Select jQuery plugins</a></li>
<li><a href="#download">4. Build and download</a></li>
</ul>
</div>
</header> </header>
<div class="download"> <section class="download" id="components">
<div class="page-header"> <div class="page-header">
<a class="pull-right toggle-all" href="#">Toggle all</a> <a class="pull-right toggle-all" href="#">Toggle all</a>
<h1> <h1>
@ -131,7 +139,9 @@
<label class="checkbox"><input type="checkbox" value=""> Max-width 1210px</label> <label class="checkbox"><input type="checkbox" value=""> Max-width 1210px</label>
</div><!-- /span --> </div><!-- /span -->
</div><!-- /row --> </div><!-- /row -->
</section>
<section class="download" id="variables">
<div class="page-header"> <div class="page-header">
<a class="pull-right toggle-all" href="#">Reset to defaults</a> <a class="pull-right toggle-all" href="#">Reset to defaults</a>
<h1> <h1>
@ -207,7 +217,9 @@
<input type="text" class="span3" value="#bfe1f2"> <input type="text" class="span3" value="#bfe1f2">
</div><!-- /span --> </div><!-- /span -->
</div><!-- /row --> </div><!-- /row -->
</section>
<section class="download" id="plugins">
<div class="page-header"> <div class="page-header">
<a class="pull-right toggle-all" href="#">Toggle all</a> <a class="pull-right toggle-all" href="#">Toggle all</a>
<h1> <h1>
@ -273,11 +285,21 @@
<p class="muted">All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.</p> <p class="muted">All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.</p>
</div><!-- /span --> </div><!-- /span -->
</div><!-- /row --> </div><!-- /row -->
</section>
<section class="download" id="download">
<div class="page-header">
<h1>
4. Download
<small></small>
</h1>
</div>
<div class="download-btn"> <div class="download-btn">
<a class="btn xlarge primary" href="#">Build and Download</a> <a class="btn xlarge primary" href="#">Build and Download</a>
<h4>What's included?</h4>
<p>Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.</p>
</div> </div>
</div><!-- /download --> </section><!-- /download -->
<!-- Footer <!-- Footer
================================================== --> ================================================== -->

254
docs/templates/pages/base-css.mustache vendored
View File

@ -959,66 +959,68 @@
<div class="row"> <div class="row">
<div class="span8"> <div class="span8">
<form class="form-horizontal"> <form class="form-horizontal">
<legend>{{_i}}Form control states{{/i}}</legend> <fieldset>
<div class="control-group"> <legend>{{_i}}Form control states{{/i}}</legend>
<label class="control-label" for="focusedInput">{{_i}}Focused input{{/i}}</label> <div class="control-group">
<div class="controls"> <label class="control-label" for="focusedInput">{{_i}}Focused input{{/i}}</label>
<input class="input-xlarge focused" id="focusedInput" name="focusedInput" type="text" value="{{_i}}This is focused…{{/i}}"> <div class="controls">
<input class="input-xlarge focused" id="focusedInput" name="focusedInput" type="text" value="{{_i}}This is focused…{{/i}}">
</div>
</div> </div>
</div> <div class="control-group">
<div class="control-group"> <label class="control-label" for="disabledInput">{{_i}}Disabled input{{/i}}</label>
<label class="control-label" for="disabledInput">{{_i}}Disabled input{{/i}}</label> <div class="controls">
<div class="controls"> <input class="input-xlarge disabled" id="disabledInput" name="disabledInput" type="text" placeholder="{{_i}}Disabled input here…{{/i}}" disabled>
<input class="input-xlarge disabled" id="disabledInput" name="disabledInput" type="text" placeholder="{{_i}}Disabled input here…{{/i}}" disabled> </div>
</div> </div>
</div> <div class="control-group">
<div class="control-group"> <label class="control-label" for="optionsCheckbox">{{_i}}Disabled checkbox{{/i}}</label>
<label class="control-label" for="optionsCheckbox">{{_i}}Disabled checkbox{{/i}}</label> <div class="controls">
<div class="controls"> <label class="checkbox">
<label class="checkbox"> <input type="checkbox" name="optionsCheckbox" value="option1" disabled>
<input type="checkbox" name="optionsCheckbox" value="option1" disabled> {{_i}}This is a disabled checkbox{{/i}}
{{_i}}This is a disabled checkbox{{/i}} </label>
</label> </div>
</div> </div>
</div> <div class="control-group warning">
<div class="control-group warning"> <label class="control-label" for="inputError">{{_i}}Input with warning{{/i}}</label>
<label class="control-label" for="inputError">{{_i}}Input with warning{{/i}}</label> <div class="controls">
<div class="controls"> <input type="text" name="inputError">
<input type="text" name="inputError"> <span class="help-inline">{{_i}}Something may have gone wrong{{/i}}</span>
<span class="help-inline">{{_i}}Something may have gone wrong{{/i}}</span> </div>
</div> </div>
</div> <div class="control-group error">
<div class="control-group error"> <label class="control-label" for="inputError">{{_i}}Input with error{{/i}}</label>
<label class="control-label" for="inputError">{{_i}}Input with error{{/i}}</label> <div class="controls">
<div class="controls"> <input type="text" name="inputError">
<input type="text" name="inputError"> <span class="help-inline">{{_i}}Please correct the error{{/i}}</span>
<span class="help-inline">{{_i}}Please correct the error{{/i}}</span> </div>
</div> </div>
</div> <div class="control-group success">
<div class="control-group success"> <label class="control-label" for="inputError">{{_i}}Input with success{{/i}}</label>
<label class="control-label" for="inputError">{{_i}}Input with success{{/i}}</label> <div class="controls">
<div class="controls"> <input type="text" name="inputError">
<input type="text" name="inputError"> <span class="help-inline">{{_i}}Woohoo!{{/i}}</span>
<span class="help-inline">{{_i}}Woohoo!{{/i}}</span> </div>
</div> </div>
</div> <div class="control-group success">
<div class="control-group success"> <label class="control-label" for="selectError">{{_i}}Select with success{{/i}}</label>
<label class="control-label" for="selectError">{{_i}}Select with success{{/i}}</label> <div class="controls">
<div class="controls"> <select name="selectError">
<select name="selectError"> <option>1</option>
<option>1</option> <option>2</option>
<option>2</option> <option>3</option>
<option>3</option> <option>4</option>
<option>4</option> <option>5</option>
<option>5</option> </select>
</select> <span class="help-inline">{{_i}}Woohoo!{{/i}}</span>
<span class="help-inline">{{_i}}Woohoo!{{/i}}</span> </div>
</div> </div>
</div> <div class="form-actions">
<div class="form-actions"> <button type="submit" class="btn primary">{{_i}}Save changes{{/i}}</button>
<button type="submit" class="btn primary">{{_i}}Save changes{{/i}}</button> <button type="reset" class="btn">{{_i}}Cancel{{/i}}</button>
<button type="reset" class="btn">{{_i}}Cancel{{/i}}</button> </div>
</div> </fieldset>
</form> </form>
</div> </div>
<div class="span4"> <div class="span4">
@ -1043,85 +1045,87 @@
<div class="row"> <div class="row">
<div class="span8"> <div class="span8">
<form class="form-horizontal"> <form class="form-horizontal">
<legend>{{_i}}Extending form controls{{/i}}</legend> <fieldset>
<div class="control-group"> <legend>{{_i}}Extending form controls{{/i}}</legend>
<label class="control-label">{{_i}}Form sizes{{/i}}</label> <div class="control-group">
<div class="controls docs-input-sizes"> <label class="control-label">{{_i}}Form sizes{{/i}}</label>
<input class="span2" type="text" name="" placeholder=".span2"> <div class="controls docs-input-sizes">
<input class="span3" type="text" name="" placeholder=".span3"> <input class="span2" type="text" name="" placeholder=".span2">
<input class="span4" type="text" name="" placeholder=".span4"> <input class="span3" type="text" name="" placeholder=".span3">
<p class="help-block">{{_i}}Use the same <code>.span*</code> classes from the grid system for input sizes.{{/i}}</p> <input class="span4" type="text" name="" placeholder=".span4">
</div> <p class="help-block">{{_i}}Use the same <code>.span*</code> classes from the grid system for input sizes.{{/i}}</p>
</div>
<div class="control-group">
<label class="control-label" for="prependedInput">{{_i}}Prepended text{{/i}}</label>
<div class="controls">
<div class="input-prepend">
<span class="add-on">@</span>
<input class="span2" id="prependedInput" name="prependedInput" size="16" type="text">
</div> </div>
<p class="help-block">{{_i}}Here's some help text{{/i}}</p>
</div> </div>
</div> <div class="control-group">
<div class="control-group"> <label class="control-label" for="prependedInput">{{_i}}Prepended text{{/i}}</label>
<label class="control-label" for="appendedInput">{{_i}}Appended text{{/i}}</label> <div class="controls">
<div class="controls"> <div class="input-prepend">
<div class="input-append"> <span class="add-on">@</span>
<input class="span2" id="appendedInput" name="appendedInput" size="16" type="text"> <input class="span2" id="prependedInput" name="prependedInput" size="16" type="text">
<span class="add-on">.00</span> </div>
<p class="help-block">{{_i}}Here's some help text{{/i}}</p>
</div> </div>
<p class="help-block">{{_i}}Here's more help text{{/i}}</p>
</div> </div>
</div> <div class="control-group">
<div class="control-group"> <label class="control-label" for="appendedInput">{{_i}}Appended text{{/i}}</label>
<label class="control-label" for="inlineCheckboxes">{{_i}}Inline checkboxes{{/i}}</label> <div class="controls">
<div class="controls"> <div class="input-append">
<label class="checkbox inline"> <input class="span2" id="appendedInput" name="appendedInput" size="16" type="text">
<input type="checkbox" name="inlineCheckbox1" value="option1"> 1 <span class="add-on">.00</span>
</label> </div>
<label class="checkbox inline"> <p class="help-block">{{_i}}Here's more help text{{/i}}</p>
<input type="checkbox" name="inlineCheckbox1" value="option1"> 2 </div>
</label>
<label class="checkbox inline">
<input type="checkbox" name="inlineCheckbox1" value="option1"> 3
</label>
</div> </div>
</div> <div class="control-group">
<div class="control-group"> <label class="control-label" for="inlineCheckboxes">{{_i}}Inline checkboxes{{/i}}</label>
<label class="control-label" for="optionsCheckboxes">{{_i}}Checkboxes{{/i}}</label> <div class="controls">
<div class="controls"> <label class="checkbox inline">
<label class="checkbox"> <input type="checkbox" name="inlineCheckbox1" value="option1"> 1
<input type="checkbox" name="optionsCheckboxes" value="option1"> </label>
{{_i}}Option one is this and that&mdash;be sure to include why it’s great{{/i}} <label class="checkbox inline">
</label> <input type="checkbox" name="inlineCheckbox1" value="option1"> 2
<label class="checkbox"> </label>
<input type="checkbox" name="optionsCheckboxes" value="option2"> <label class="checkbox inline">
{{_i}}Option two can also be checked and included in form results{{/i}} <input type="checkbox" name="inlineCheckbox1" value="option1"> 3
</label> </label>
<label class="checkbox"> </div>
<input type="checkbox" name="optionsCheckboxes" value="option3">
{{_i}}Option three can&mdash;yes, you guessed it&mdash;also be checked and included in form results{{/i}}
</label>
<p class="help-text">{{_i}}<strong>Note:</strong> Labels surround all the options for much larger click areas and a more usable form.{{/i}}</p>
</div> </div>
</div> <div class="control-group">
<div class="control-group"> <label class="control-label" for="optionsCheckboxes">{{_i}}Checkboxes{{/i}}</label>
<label class="control-label" for="optionsRadios">{{_i}}Radio buttons{{/i}}</label> <div class="controls">
<div class="controls"> <label class="checkbox">
<label class="radio"> <input type="checkbox" name="optionsCheckboxes" value="option1">
<input type="radio" checked name="optionsRadios" value="option1"> {{_i}}Option one is this and that&mdash;be sure to include why it’s great{{/i}}
{{_i}}Option one is this and that&mdash;be sure to include why it’s great{{/i}} </label>
</label> <label class="checkbox">
<label class="radio"> <input type="checkbox" name="optionsCheckboxes" value="option2">
<input type="radio" name="optionsRadios" value="option2"> {{_i}}Option two can also be checked and included in form results{{/i}}
{{_i}}Option two can is something else and selecting it will deselect option one{{/i}} </label>
</label> <label class="checkbox">
<input type="checkbox" name="optionsCheckboxes" value="option3">
{{_i}}Option three can&mdash;yes, you guessed it&mdash;also be checked and included in form results{{/i}}
</label>
<p class="help-text">{{_i}}<strong>Note:</strong> Labels surround all the options for much larger click areas and a more usable form.{{/i}}</p>
</div>
</div> </div>
</div> <div class="control-group">
<div class="form-actions"> <label class="control-label" for="optionsRadios">{{_i}}Radio buttons{{/i}}</label>
<button type="submit" class="btn primary">{{_i}}Save changes{{/i}}</button> <div class="controls">
<button type="reset" class="btn">{{_i}}Cancel{{/i}}</button> <label class="radio">
</div> <input type="radio" checked name="optionsRadios" value="option1">
{{_i}}Option one is this and that&mdash;be sure to include why it’s great{{/i}}
</label>
<label class="radio">
<input type="radio" name="optionsRadios" value="option2">
{{_i}}Option two can is something else and selecting it will deselect option one{{/i}}
</label>
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn primary">{{_i}}Save changes{{/i}}</button>
<button type="reset" class="btn">{{_i}}Cancel{{/i}}</button>
</div>
</fieldset>
</form> </form>
</div> </div>
<div class="span4"> <div class="span4">

28
docs/templates/pages/download.mustache vendored
View File

@ -5,11 +5,19 @@
<!-- Masthead <!-- Masthead
================================================== --> ================================================== -->
<header class="jumbotron subhead" id="overview"> <header class="jumbotron subhead" id="overview">
<h1>{{_i}}Download and customize Bootstrap{{/i}}</h1> <h1>{{_i}}Download and customize{{/i}}</h1>
<p class="lead">{{_i}}<a href="https://github.com/twitter/bootstrap/zipball/master">Download the full repository</a> or customize your entire Bootstrap build by selecting only the components, javascript plugins, and assets you need.{{/i}}</p> <p class="lead">{{_i}}<a href="https://github.com/twitter/bootstrap/zipball/master">Download the full repository</a> or customize your entire Bootstrap build by selecting only the components, javascript plugins, and assets you need.{{/i}}</p>
<div class="subnav">
<ul class="nav pills">
<li><a href="#components">{{_i}}1. Select components{{/i}}</a></li>
<li><a href="#variables">{{_i}}2. Modify variables{{/i}}</a></li>
<li><a href="#plugins">{{_i}}3. Select jQuery plugins{{/i}}</a></li>
<li><a href="#download">{{_i}}4. Build and download{{/i}}</a></li>
</ul>
</div>
</header> </header>
<div class="download"> <section class="download" id="components">
<div class="page-header"> <div class="page-header">
<a class="pull-right toggle-all" href="#">Toggle all</a> <a class="pull-right toggle-all" href="#">Toggle all</a>
<h1> <h1>
@ -67,7 +75,9 @@
<label class="checkbox"><input type="checkbox" value=""> Max-width 1210px</label> <label class="checkbox"><input type="checkbox" value=""> Max-width 1210px</label>
</div><!-- /span --> </div><!-- /span -->
</div><!-- /row --> </div><!-- /row -->
</section>
<section class="download" id="variables">
<div class="page-header"> <div class="page-header">
<a class="pull-right toggle-all" href="#">Reset to defaults</a> <a class="pull-right toggle-all" href="#">Reset to defaults</a>
<h1> <h1>
@ -143,7 +153,9 @@
<input type="text" class="span3" value="#bfe1f2"> <input type="text" class="span3" value="#bfe1f2">
</div><!-- /span --> </div><!-- /span -->
</div><!-- /row --> </div><!-- /row -->
</section>
<section class="download" id="plugins">
<div class="page-header"> <div class="page-header">
<a class="pull-right toggle-all" href="#">Toggle all</a> <a class="pull-right toggle-all" href="#">Toggle all</a>
<h1> <h1>
@ -209,8 +221,18 @@
<p class="muted">{{_i}}All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.{{/i}}</p> <p class="muted">{{_i}}All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.{{/i}}</p>
</div><!-- /span --> </div><!-- /span -->
</div><!-- /row --> </div><!-- /row -->
</section>
<section class="download" id="download">
<div class="page-header">
<h1>
4. Download
<small></small>
</h1>
</div>
<div class="download-btn"> <div class="download-btn">
<a class="btn xlarge primary" href="#">Build and Download</a> <a class="btn xlarge primary" href="#">Build and Download</a>
<h4>What's included?</h4>
<p>Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.</p>
</div> </div>
</div><!-- /download --> </section><!-- /download -->