Skip to content
GitLab
Commit 8ee06795 authored by Mark Otto's avatar Mark Otto
Browse files

updated javascripts for first pass at single column

parent 53cec198
8 merge requests!4427Use variable for desktop media query,!4258Aria,!4248Amended mentions of 'javascript' to the correct 'JavaScript',!4235Patch 1,!4232Fixing the modal z-index issue + make modal stacking possible,!42132.1.0 wip,!4165Patch 2,!39192.1.0 wip
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 3064 additions and 2416 deletions
+3064 -2416
docs/assets/css/docs.css
+ 53
- 9
View file @ 8ee06795
......@@ -23,6 +23,47 @@ li {
line-height: 20px;
}
.bs-docs-nav {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
overflow-y: scroll;
width: 140px;
padding: 25px 30px;
background-color: #eee;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.bs-docs-nav ul {
margin-left: 0;
margin-bottom: 10px;
}
.bs-docs-nav ul li {
list-style: none;
}
.bs-docs-nav a {
font-size: 13px;
line-height: 20px;
}
.bs-docs-nav > ul > li > a {
font-size: 14px;
color: #999;
}
.bs-docs-wrapper {
position: fixed;
top: 0;
left: 200px;
right: 0;
bottom: 0;
padding: 40px 0;
overflow-y: scroll;
-webkit-box-shadow: -10px 0 15px rgba(0,0,0,.05), -5px 0 10px rgba(0,0,0,.05);
-moz-box-shadow: -10px 0 15px rgba(0,0,0,.05), -5px 0 10px rgba(0,0,0,.05);
box-shadow: -10px 0 15px rgba(0,0,0,.05), -5px 0 10px rgba(0,0,0,.05);
}
.bs-docs-container {
max-width: 780px;
margin: 0 auto;
......@@ -69,13 +110,13 @@ hr.soften {
/* Table of contents */
.bs-docs-contents {
color: #999;
}
.bs-docs-contents h3 {
}
.bs-docs-contents li {
line-height: 25px;
color: #777;
}
......@@ -85,7 +126,7 @@ hr.soften {
position: relative;
}
.jumbotron h1 {
margin-bottom: 9px;
margin-bottom: 10px;
font-size: 80px;
font-weight: bold;
letter-spacing: -1px;
......@@ -110,8 +151,8 @@ hr.soften {
/* Masthead (docs home) */
.masthead {
padding-top: 36px;
margin-bottom: 72px;
padding-top: 40px;
margin-bottom: 60px;
}
.masthead h1,
.masthead p {
......@@ -122,7 +163,7 @@ hr.soften {
}
.masthead p {
font-size: 30px;
line-height: 36px;
line-height: 35px;
}
......@@ -130,12 +171,15 @@ hr.soften {
------------------------- */
/* supporting docs pages */
.subhead {
padding-bottom: 0;
margin-bottom: 9px;
border-bottom: 1px solid #ddd;
padding-bottom: 12px;
margin-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
}
.subhead h1 {
font-size: 54px;
font-size: 60px;
}
.subhead .lead {
line-height: 25px;
}
/* Subnav */
......
docs/assets/js/application.js
+ 1
- 1
View file @ 8ee06795
......@@ -70,7 +70,7 @@
}
// tooltip demo
$('.tooltip-demo.well').tooltip({
$('.tooltip-demo').tooltip({
selector: "a[rel=tooltip]"
})
......
docs/base-css.html
+ 84
- 11
View file @ 8ee06795
......@@ -74,6 +74,89 @@
</div>
</div>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo">Bootstrap</h3>
<ul>
<!-- <li class="">
<a href="./index.html">Home</a>
</li>
-->
<li class="">
<a href="./scaffolding.html">Scaffolding</a>
<ul>
<li><a href="">Doctype</a></li>
<li><a href="">Type and links</a></li>
<li><a href="">Normalize reset</a></li>
<li><a href="">Grid system</a></li>
<li><a href="">Fluid grid system</a></li>
<li><a href="">Layouts</a></li>
<li><a href="">Responsive</a></li>
</ul>
</li>
<li class="active">
<a href="./base-css.html">Base CSS</a>
<ul>
<li><a href="">Typography</a></li>
<li><a href="">Code</a></li>
<li><a href="">Tables</a></li>
<li><a href="">Forms</a></li>
<li><a href="">Buttons</a></li>
<li><a href="">Glyphicons</a></li>
</ul>
</li>
<li class="">
<a href="./components.html">Components</a>
<ul>
<li><a href="#buttonGroups">Button groups</a></li>
<li><a href="#buttonDropdowns">Button dropdowns</a></li>
<li><a href="#navs">Nav, tabs, pills</a></li>
<li><a href="#navbar">Navbar</a></li>
<li><a href="#breadcrumbs">Breadcrumbs</a></li>
<li><a href="#pagination">Pagination</a></li>
<li><a href="#labels">Labels</a></li>
<li><a href="#badges">Badges</a></li>
<li><a href="#typography">Typography</a></li>
<li><a href="#thumbnails">Thumbnails</a></li>
<li><a href="#alerts">Alerts</a></li>
<li><a href="#progress">Progress bars</a></li>
<li><a href="#misc">Miscellaneous</a></li>
</ul>
</li>
<li class="">
<a href="./javascript.html">Javascript</a>
<ul>
<li><a href="#javascript">All plugins</a></li>
<li><a href="#modals">Modal</a></li>
<li><a href="#dropdowns">Dropdown</a></li>
<li><a href="#scrollspy">Scrollspy</a></li>
<li><a href="#tabs">Tab</a></li>
<li><a href="#tooltips">Tooltip</a></li>
<li><a href="#popovers">Popover</a></li>
<li><a href="#alerts">Alert</a></li>
<li><a href="#buttons">Button</a></li>
<li><a href="#collapse">Collapse</a></li>
<li><a href="#carousel">Carousel</a></li>
<li><a href="#typeahead">Typeahead</a></li>
</ul>
</li>
<li class="">
<a href="./less.html">LESS</a>
<ul>
<li><a href="#builtWith">Built with Less</a></li>
<li><a href="#variables">Variables</a></li>
<li><a href="#mixins">Mixins</a></li>
<li><a href="#compiling">Compiling Bootstrap</a></li>
</ul>
</li>
<li class="">
<a href="./download.html">Customize</a>
</li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
</ul>
</div>
<div class="bs-docs-container">
<!-- Masthead
......@@ -81,17 +164,7 @@
<header class="jumbotron subhead" id="overview">
<h1>Base CSS</h1>
<p class="lead">On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.</p>
<!-- <div class="subnav">
<ul class="nav nav-pills">
<li><a href="#typography">Typography</a></li>
<li><a href="#code">Code</a></li>
<li><a href="#tables">Tables</a></li>
<li><a href="#forms">Forms</a></li>
<li><a href="#buttons">Buttons</a></li>
<li><a href="#icons">Icons by Glyphicons</a></li>
</ul>
</div>
--></header>
</header>
<section id="contents">
......
docs/components.html
+ 99
- 20
View file @ 8ee06795
......@@ -74,6 +74,89 @@
</div>
</div>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo">Bootstrap</h3>
<ul>
<!-- <li class="">
<a href="./index.html">Home</a>
</li>
-->
<li class="">
<a href="./scaffolding.html">Scaffolding</a>
<ul>
<li><a href="">Doctype</a></li>
<li><a href="">Type and links</a></li>
<li><a href="">Normalize reset</a></li>
<li><a href="">Grid system</a></li>
<li><a href="">Fluid grid system</a></li>
<li><a href="">Layouts</a></li>
<li><a href="">Responsive</a></li>
</ul>
</li>
<li class="">
<a href="./base-css.html">Base CSS</a>
<ul>
<li><a href="">Typography</a></li>
<li><a href="">Code</a></li>
<li><a href="">Tables</a></li>
<li><a href="">Forms</a></li>
<li><a href="">Buttons</a></li>
<li><a href="">Glyphicons</a></li>
</ul>
</li>
<li class="active">
<a href="./components.html">Components</a>
<ul>
<li><a href="#buttonGroups">Button groups</a></li>
<li><a href="#buttonDropdowns">Button dropdowns</a></li>
<li><a href="#navs">Nav, tabs, pills</a></li>
<li><a href="#navbar">Navbar</a></li>
<li><a href="#breadcrumbs">Breadcrumbs</a></li>
<li><a href="#pagination">Pagination</a></li>
<li><a href="#labels">Labels</a></li>
<li><a href="#badges">Badges</a></li>
<li><a href="#typography">Typography</a></li>
<li><a href="#thumbnails">Thumbnails</a></li>
<li><a href="#alerts">Alerts</a></li>
<li><a href="#progress">Progress bars</a></li>
<li><a href="#misc">Miscellaneous</a></li>
</ul>
</li>
<li class="">
<a href="./javascript.html">Javascript</a>
<ul>
<li><a href="#javascript">All plugins</a></li>
<li><a href="#modals">Modal</a></li>
<li><a href="#dropdowns">Dropdown</a></li>
<li><a href="#scrollspy">Scrollspy</a></li>
<li><a href="#tabs">Tab</a></li>
<li><a href="#tooltips">Tooltip</a></li>
<li><a href="#popovers">Popover</a></li>
<li><a href="#alerts">Alert</a></li>
<li><a href="#buttons">Button</a></li>
<li><a href="#collapse">Collapse</a></li>
<li><a href="#carousel">Carousel</a></li>
<li><a href="#typeahead">Typeahead</a></li>
</ul>
</li>
<li class="">
<a href="./less.html">LESS</a>
<ul>
<li><a href="#builtWith">Built with Less</a></li>
<li><a href="#variables">Variables</a></li>
<li><a href="#mixins">Mixins</a></li>
<li><a href="#compiling">Compiling Bootstrap</a></li>
</ul>
</li>
<li class="">
<a href="./download.html">Customize</a>
</li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
</ul>
</div>
<div class="bs-docs-container">
<!-- Masthead
......@@ -81,24 +164,20 @@
<header class="jumbotron subhead" id="overview">
<h1>Components</h1>
<p class="lead">Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.</p>
<div class="subnav">
<ul class="nav nav-pills">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Buttons <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>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Navigation <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#navs">Nav, tabs, pills</a></li>
<li><a href="#navbar">Navbar</a></li>
<li><a href="#breadcrumbs">Breadcrumbs</a></li>
<li><a href="#pagination">Pagination</a></li>
</ul>
</li>
</header>
<section id="contents">
<div class="bs-docs-contents">
<h3>Contents</h3>
<ol>
<li><a href="#buttonGroups">Button groups</a></li>
<li><a href="#buttonDropdowns">Button dropdowns</a></li>
<li><a href="#navs">Nav, tabs, pills</a></li>
<li><a href="#navbar">Navbar</a></li>
<li><a href="#breadcrumbs">Breadcrumbs</a></li>
<li><a href="#pagination">Pagination</a></li>
<li><a href="#labels">Labels</a></li>
<li><a href="#badges">Badges</a></li>
<li><a href="#typography">Type</a></li>
......@@ -106,9 +185,9 @@
<li><a href="#alerts">Alerts</a></li>
<li><a href="#progress">Progress bars</a></li>
<li><a href="#misc">Misc</a></li>
</ul>
</ol>
</div>
</header>
</section>
......
docs/download.html
+ 97
- 8
View file @ 8ee06795
......@@ -74,6 +74,89 @@
</div>
</div>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo">Bootstrap</h3>
<ul>
<!-- <li class="">
<a href="./index.html">Home</a>
</li>
-->
<li class="">
<a href="./scaffolding.html">Scaffolding</a>
<ul>
<li><a href="">Doctype</a></li>
<li><a href="">Type and links</a></li>
<li><a href="">Normalize reset</a></li>
<li><a href="">Grid system</a></li>
<li><a href="">Fluid grid system</a></li>
<li><a href="">Layouts</a></li>
<li><a href="">Responsive</a></li>
</ul>
</li>
<li class="">
<a href="./base-css.html">Base CSS</a>
<ul>
<li><a href="">Typography</a></li>
<li><a href="">Code</a></li>
<li><a href="">Tables</a></li>
<li><a href="">Forms</a></li>
<li><a href="">Buttons</a></li>
<li><a href="">Glyphicons</a></li>
</ul>
</li>
<li class="">
<a href="./components.html">Components</a>
<ul>
<li><a href="#buttonGroups">Button groups</a></li>
<li><a href="#buttonDropdowns">Button dropdowns</a></li>
<li><a href="#navs">Nav, tabs, pills</a></li>
<li><a href="#navbar">Navbar</a></li>
<li><a href="#breadcrumbs">Breadcrumbs</a></li>
<li><a href="#pagination">Pagination</a></li>
<li><a href="#labels">Labels</a></li>
<li><a href="#badges">Badges</a></li>
<li><a href="#typography">Typography</a></li>
<li><a href="#thumbnails">Thumbnails</a></li>
<li><a href="#alerts">Alerts</a></li>
<li><a href="#progress">Progress bars</a></li>
<li><a href="#misc">Miscellaneous</a></li>
</ul>
</li>
<li class="">
<a href="./javascript.html">Javascript</a>
<ul>
<li><a href="#javascript">All plugins</a></li>
<li><a href="#modals">Modal</a></li>
<li><a href="#dropdowns">Dropdown</a></li>
<li><a href="#scrollspy">Scrollspy</a></li>
<li><a href="#tabs">Tab</a></li>
<li><a href="#tooltips">Tooltip</a></li>
<li><a href="#popovers">Popover</a></li>
<li><a href="#alerts">Alert</a></li>
<li><a href="#buttons">Button</a></li>
<li><a href="#collapse">Collapse</a></li>
<li><a href="#carousel">Carousel</a></li>
<li><a href="#typeahead">Typeahead</a></li>
</ul>
</li>
<li class="">
<a href="./less.html">LESS</a>
<ul>
<li><a href="#builtWith">Built with Less</a></li>
<li><a href="#variables">Variables</a></li>
<li><a href="#mixins">Mixins</a></li>
<li><a href="#compiling">Compiling Bootstrap</a></li>
</ul>
</li>
<li class="active">
<a href="./download.html">Customize</a>
</li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
</ul>
</div>
<div class="bs-docs-container">
<!-- Masthead
......@@ -81,16 +164,22 @@
<header class="jumbotron subhead" id="overview">
<h1>Customize and download</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>
<div class="subnav">
<ul class="nav nav-pills">
<li><a href="#components">1. Choose components</a></li>
<li><a href="#plugins">2. Select jQuery plugins</a></li>
<li><a href="#variables">3. Customize variables</a></li>
<li><a href="#download">4. Download</a></li>
</ul>
</div>
</header>
<section id="contents">
<div class="bs-docs-contents">
<h3>Contents</h3>
<ol>
<li><a href="#components">Choose components</a></li>
<li><a href="#plugins">Select jQuery plugins</a></li>
<li><a href="#variables">Customize variables</a></li>
<li><a href="#download">Download</a></li>
</ol>
</div>
</section>
<form>
<section class="download" id="components">
<div class="page-header">
......
docs/examples.html
+ 83
- 0
View file @ 8ee06795
......@@ -74,6 +74,89 @@
</div>
</div>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo">Bootstrap</h3>
<ul>
<!-- <li class="">
<a href="./index.html">Home</a>
</li>
-->
<li class="">
<a href="./scaffolding.html">Scaffolding</a>
<ul>
<li><a href="">Doctype</a></li>
<li><a href="">Type and links</a></li>
<li><a href="">Normalize reset</a></li>
<li><a href="">Grid system</a></li>
<li><a href="">Fluid grid system</a></li>
<li><a href="">Layouts</a></li>
<li><a href="">Responsive</a></li>
</ul>
</li>
<li class="">
<a href="./base-css.html">Base CSS</a>
<ul>
<li><a href="">Typography</a></li>
<li><a href="">Code</a></li>
<li><a href="">Tables</a></li>
<li><a href="">Forms</a></li>
<li><a href="">Buttons</a></li>
<li><a href="">Glyphicons</a></li>
</ul>
</li>
<li class="">
<a href="./components.html">Components</a>
<ul>
<li><a href="#buttonGroups">Button groups</a></li>
<li><a href="#buttonDropdowns">Button dropdowns</a></li>
<li><a href="#navs">Nav, tabs, pills</a></li>
<li><a href="#navbar">Navbar</a></li>
<li><a href="#breadcrumbs">Breadcrumbs</a></li>
<li><a href="#pagination">Pagination</a></li>
<li><a href="#labels">Labels</a></li>
<li><a href="#badges">Badges</a></li>
<li><a href="#typography">Typography</a></li>
<li><a href="#thumbnails">Thumbnails</a></li>
<li><a href="#alerts">Alerts</a></li>
<li><a href="#progress">Progress bars</a></li>
<li><a href="#misc">Miscellaneous</a></li>
</ul>
</li>
<li class="">
<a href="./javascript.html">Javascript</a>
<ul>
<li><a href="#javascript">All plugins</a></li>
<li><a href="#modals">Modal</a></li>
<li><a href="#dropdowns">Dropdown</a></li>
<li><a href="#scrollspy">Scrollspy</a></li>
<li><a href="#tabs">Tab</a></li>
<li><a href="#tooltips">Tooltip</a></li>
<li><a href="#popovers">Popover</a></li>
<li><a href="#alerts">Alert</a></li>
<li><a href="#buttons">Button</a></li>
<li><a href="#collapse">Collapse</a></li>
<li><a href="#carousel">Carousel</a></li>
<li><a href="#typeahead">Typeahead</a></li>
</ul>
</li>
<li class="">
<a href="./less.html">LESS</a>
<ul>
<li><a href="#builtWith">Built with Less</a></li>
<li><a href="#variables">Variables</a></li>
<li><a href="#mixins">Mixins</a></li>
<li><a href="#compiling">Compiling Bootstrap</a></li>
</ul>
</li>
<li class="">
<a href="./download.html">Customize</a>
</li>
<li class="active">
<a href="./examples.html">Examples</a>
</li>
</ul>
</div>
<div class="bs-docs-container">
<!-- Masthead
......
docs/index.html
+ 83
- 0
View file @ 8ee06795
......@@ -74,6 +74,89 @@
</div>
</div>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo">Bootstrap</h3>
<ul>
<!-- <li class="active">
<a href="./index.html">Home</a>
</li>
-->
<li class="">
<a href="./scaffolding.html">Scaffolding</a>
<ul>
<li><a href="">Doctype</a></li>
<li><a href="">Type and links</a></li>
<li><a href="">Normalize reset</a></li>
<li><a href="">Grid system</a></li>
<li><a href="">Fluid grid system</a></li>
<li><a href="">Layouts</a></li>
<li><a href="">Responsive</a></li>
</ul>
</li>
<li class="">
<a href="./base-css.html">Base CSS</a>
<ul>
<li><a href="">Typography</a></li>
<li><a href="">Code</a></li>
<li><a href="">Tables</a></li>
<li><a href="">Forms</a></li>
<li><a href="">Buttons</a></li>
<li><a href="">Glyphicons</a></li>
</ul>
</li>
<li class="">
<a href="./components.html">Components</a>
<ul>
<li><a href="#buttonGroups">Button groups</a></li>
<li><a href="#buttonDropdowns">Button dropdowns</a></li>
<li><a href="#navs">Nav, tabs, pills</a></li>
<li><a href="#navbar">Navbar</a></li>
<li><a href="#breadcrumbs">Breadcrumbs</a></li>
<li><a href="#pagination">Pagination</a></li>
<li><a href="#labels">Labels</a></li>
<li><a href="#badges">Badges</a></li>
<li><a href="#typography">Typography</a></li>
<li><a href="#thumbnails">Thumbnails</a></li>
<li><a href="#alerts">Alerts</a></li>
<li><a href="#progress">Progress bars</a></li>
<li><a href="#misc">Miscellaneous</a></li>
</ul>
</li>
<li class="">
<a href="./javascript.html">Javascript</a>
<ul>
<li><a href="#javascript">All plugins</a></li>
<li><a href="#modals">Modal</a></li>
<li><a href="#dropdowns">Dropdown</a></li>
<li><a href="#scrollspy">Scrollspy</a></li>
<li><a href="#tabs">Tab</a></li>
<li><a href="#tooltips">Tooltip</a></li>
<li><a href="#popovers">Popover</a></li>
<li><a href="#alerts">Alert</a></li>
<li><a href="#buttons">Button</a></li>
<li><a href="#collapse">Collapse</a></li>
<li><a href="#carousel">Carousel</a></li>
<li><a href="#typeahead">Typeahead</a></li>
</ul>
</li>
<li class="">
<a href="./less.html">LESS</a>
<ul>
<li><a href="#builtWith">Built with Less</a></li>
<li><a href="#variables">Variables</a></li>
<li><a href="#mixins">Mixins</a></li>
<li><a href="#compiling">Compiling Bootstrap</a></li>
</ul>
</li>
<li class="">
<a href="./download.html">Customize</a>
</li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
</ul>
</div>
<div class="bs-docs-container">
<!-- Masthead
......
docs/javascript.html
+ 1167
- 1110
View file @ 8ee06795
This diff is collapsed.
docs/less.html
+ 93
- 4
View file @ 8ee06795
......@@ -74,6 +74,89 @@
</div>
</div>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo">Bootstrap</h3>
<ul>
<!-- <li class="">
<a href="./index.html">Home</a>
</li>
-->
<li class="">
<a href="./scaffolding.html">Scaffolding</a>
<ul>
<li><a href="">Doctype</a></li>
<li><a href="">Type and links</a></li>
<li><a href="">Normalize reset</a></li>
<li><a href="">Grid system</a></li>
<li><a href="">Fluid grid system</a></li>
<li><a href="">Layouts</a></li>
<li><a href="">Responsive</a></li>
</ul>
</li>
<li class="">
<a href="./base-css.html">Base CSS</a>
<ul>
<li><a href="">Typography</a></li>
<li><a href="">Code</a></li>
<li><a href="">Tables</a></li>
<li><a href="">Forms</a></li>
<li><a href="">Buttons</a></li>
<li><a href="">Glyphicons</a></li>
</ul>
</li>
<li class="">
<a href="./components.html">Components</a>
<ul>
<li><a href="#buttonGroups">Button groups</a></li>
<li><a href="#buttonDropdowns">Button dropdowns</a></li>
<li><a href="#navs">Nav, tabs, pills</a></li>
<li><a href="#navbar">Navbar</a></li>
<li><a href="#breadcrumbs">Breadcrumbs</a></li>
<li><a href="#pagination">Pagination</a></li>
<li><a href="#labels">Labels</a></li>
<li><a href="#badges">Badges</a></li>
<li><a href="#typography">Typography</a></li>
<li><a href="#thumbnails">Thumbnails</a></li>
<li><a href="#alerts">Alerts</a></li>
<li><a href="#progress">Progress bars</a></li>
<li><a href="#misc">Miscellaneous</a></li>
</ul>
</li>
<li class="">
<a href="./javascript.html">Javascript</a>
<ul>
<li><a href="#javascript">All plugins</a></li>
<li><a href="#modals">Modal</a></li>
<li><a href="#dropdowns">Dropdown</a></li>
<li><a href="#scrollspy">Scrollspy</a></li>
<li><a href="#tabs">Tab</a></li>
<li><a href="#tooltips">Tooltip</a></li>
<li><a href="#popovers">Popover</a></li>
<li><a href="#alerts">Alert</a></li>
<li><a href="#buttons">Button</a></li>
<li><a href="#collapse">Collapse</a></li>
<li><a href="#carousel">Carousel</a></li>
<li><a href="#typeahead">Typeahead</a></li>
</ul>
</li>
<li class="active">
<a href="./less.html">LESS</a>
<ul>
<li><a href="#builtWith">Built with Less</a></li>
<li><a href="#variables">Variables</a></li>
<li><a href="#mixins">Mixins</a></li>
<li><a href="#compiling">Compiling Bootstrap</a></li>
</ul>
</li>
<li class="">
<a href="./download.html">Customize</a>
</li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
</ul>
</div>
<div class="bs-docs-container">
<!-- Masthead
......@@ -81,15 +164,21 @@
<header class="jumbotron subhead" id="overview">
<h1>Using LESS with Bootstrap</h1>
<p class="lead">Customize and extend Bootstrap with <a href="http://lesscss.org" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.</p>
<div class="subnav">
<ul class="nav nav-pills">
</header>
<section id="contents">
<div class="bs-docs-contents">
<h3>Contents</h3>
<ol>
<li><a href="#builtWith">Built with Less</a></li>
<li><a href="#variables">Variables</a></li>
<li><a href="#mixins">Mixins</a></li>
<li><a href="#compiling">Compiling Bootstrap</a></li>
</ul>
</ol>
</div>
</header>
</section>
......
docs/scaffolding.html
+ 87
- 47
View file @ 8ee06795
......@@ -74,68 +74,108 @@
</div>
</div>
<div class="bs-docs-container">
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<h1>Scaffolding</h1>
<p class="lead">Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.</p>
<!-- <div class="subnav">
<ul class="nav nav-pills">
<li><a href="#global">Global styles</a></li>
<li><a href="#gridSystem">Grid system</a></li>
<li><a href="#fluidGridSystem">Fluid grid system</a></li>
<li><a href="#gridCustomization">Customizing</a></li>
<li><a href="#layouts">Layouts</a></li>
<li><a href="#responsive">Responsive design</a></li>
</ul>
</div>
--></header>
<section class="bs-docs-contents">
<h3>Contents</h3>
<ol>
<li>
<a href="#global">Global styles</a>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo">Bootstrap</h3>
<ul>
<!-- <li class="">
<a href="./index.html">Home</a>
</li>
-->
<li class="active">
<a href="./scaffolding.html">Scaffolding</a>
<ul>
<li><a href="#global-1">Requires HTML5 doctype</a></li>
<li><a href="#global-2">Typography and links</a></li>
<li><a href="#global-3">Reset via Normalize</a></li>
<li><a href="">Doctype</a></li>
<li><a href="">Type and links</a></li>
<li><a href="">Normalize reset</a></li>
<li><a href="">Grid system</a></li>
<li><a href="">Fluid grid system</a></li>
<li><a href="">Layouts</a></li>
<li><a href="">Responsive</a></li>
</ul>
</li>
<li>
<a href="#gridSystem">Grid system</a>
<li class="">
<a href="./base-css.html">Base CSS</a>
<ul>
<li><a href="#gridSystem-1">Offsetting columns</a></li>
<li><a href="#gridSystem-2">Nesting columns</a></li>
<li><a href="">Typography</a></li>
<li><a href="">Code</a></li>
<li><a href="">Tables</a></li>
<li><a href="">Forms</a></li>
<li><a href="">Buttons</a></li>
<li><a href="">Glyphicons</a></li>
</ul>
</li>
<li>
<a href="#fluidGridSystem">Fluid grid system</a>
<li class="">
<a href="./components.html">Components</a>
<ul>
<li><a href="#fluidGridSystem-1">Nesting fluid columns</a></li>
<li><a href="#buttonGroups">Button groups</a></li>
<li><a href="#buttonDropdowns">Button dropdowns</a></li>
<li><a href="#navs">Nav, tabs, pills</a></li>
<li><a href="#navbar">Navbar</a></li>
<li><a href="#breadcrumbs">Breadcrumbs</a></li>
<li><a href="#pagination">Pagination</a></li>
<li><a href="#labels">Labels</a></li>
<li><a href="#badges">Badges</a></li>
<li><a href="#typography">Typography</a></li>
<li><a href="#thumbnails">Thumbnails</a></li>
<li><a href="#alerts">Alerts</a></li>
<li><a href="#progress">Progress bars</a></li>
<li><a href="#misc">Miscellaneous</a></li>
</ul>
</li>
<li>
<a href="#gridCustomization">Grid Customization</a>
</li>
<li>
<a href="#layouts">Layouts</a>
<li class="">
<a href="./javascript.html">Javascript</a>
<ul>
<li><a href="#layouts-1">Fixed layout</a></li>
<li><a href="#layouts-1">Fluid layout</a></li>
<li><a href="#javascript">All plugins</a></li>
<li><a href="#modals">Modal</a></li>
<li><a href="#dropdowns">Dropdown</a></li>
<li><a href="#scrollspy">Scrollspy</a></li>
<li><a href="#tabs">Tab</a></li>
<li><a href="#tooltips">Tooltip</a></li>
<li><a href="#popovers">Popover</a></li>
<li><a href="#alerts">Alert</a></li>
<li><a href="#buttons">Button</a></li>
<li><a href="#collapse">Collapse</a></li>
<li><a href="#carousel">Carousel</a></li>
<li><a href="#typeahead">Typeahead</a></li>
</ul>
</li>
<li>
<a href="#responsive">Responsive design</a>
<li class="">
<a href="./less.html">LESS</a>
<ul>
<li><a href="#responsive-1">Responsive utility classes</a></li>
<li><a href="#responsive-2">Responsive tests</a></li>
<li><a href="#builtWith">Built with Less</a></li>
<li><a href="#variables">Variables</a></li>
<li><a href="#mixins">Mixins</a></li>
<li><a href="#compiling">Compiling Bootstrap</a></li>
</ul>
</li>
<li class="">
<a href="./download.html">Customize</a>
</li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
</ul>
</div>
<div class="bs-docs-container">
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<h1>Scaffolding</h1>
<p class="lead">Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.</p>
</header>
<section class="bs-docs-contents">
<h3>Contents</h3>
<ol>
<li><a href="#global">Global styles</a></li>
<li><a href="#gridSystem">Grid system</a></li>
<li><a href="#fluidGridSystem">Fluid grid system</a></li>
<li><a href="#gridCustomization">Customizing</a></li>
<li><a href="#layouts">Layouts</a></li>
<li><a href="#responsive">Responsive design</a></li>
</ol>
</section>
......
docs/templates/layout.mustache
+ 1
- 2
View file @ 8ee06795
......@@ -85,6 +85,7 @@
</div>
</div>
</div>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo">Bootstrap</h3>
<ul>
......@@ -168,7 +169,6 @@
</ul>
</div>
<div class="bs-docs-wrapper">
<div class="bs-docs-container">
{{>body}}
......@@ -184,7 +184,6 @@
</footer>
</div><!-- /container -->
</div><!-- /wrapper -->
......
docs/templates/pages/base-css.mustache
+ 1
- 11
View file @ 8ee06795
......@@ -3,17 +3,7 @@
<header class="jumbotron subhead" id="overview">
<h1>{{_i}}Base CSS{{/i}}</h1>
<p class="lead">{{_i}}On top of the scaffolding, basic HTML elements are styled and enhanced with extensible classes to provide a fresh, consistent look and feel.{{/i}}</p>
<!-- <div class="subnav">
<ul class="nav nav-pills">
<li><a href="#typography">{{_i}}Typography{{/i}}</a></li>
<li><a href="#code">{{_i}}Code{{/i}}</a></li>
<li><a href="#tables">{{_i}}Tables{{/i}}</a></li>
<li><a href="#forms">{{_i}}Forms{{/i}}</a></li>
<li><a href="#buttons">{{_i}}Buttons{{/i}}</a></li>
<li><a href="#icons">{{_i}}Icons by Glyphicons{{/i}}</a></li>
</ul>
</div>
--></header>
</header>
<section id="contents">
......
docs/templates/pages/components.mustache
+ 16
- 20
View file @ 8ee06795
......@@ -3,24 +3,20 @@
<header class="jumbotron subhead" id="overview">
<h1>{{_i}}Components{{/i}}</h1>
<p class="lead">{{_i}}Dozens of reusable components are built into Bootstrap to provide navigation, alerts, popovers, and much more.{{/i}}</p>
<div class="subnav">
<ul class="nav nav-pills">
<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">{{_i}}Button groups{{/i}}</a></li>
<li><a href="#buttonDropdowns">{{_i}}Button dropdowns{{/i}}</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">{{_i}}Navigation{{/i}} <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#navs">{{_i}}Nav, tabs, pills{{/i}}</a></li>
<li><a href="#navbar">{{_i}}Navbar{{/i}}</a></li>
<li><a href="#breadcrumbs">{{_i}}Breadcrumbs{{/i}}</a></li>
<li><a href="#pagination">{{_i}}Pagination{{/i}}</a></li>
</ul>
</li>
</header>
<section id="contents">
<div class="bs-docs-contents">
<h3>{{_i}}Contents{{/i}}</h3>
<ol>
<li><a href="#buttonGroups">{{_i}}Button groups{{/i}}</a></li>
<li><a href="#buttonDropdowns">{{_i}}Button dropdowns{{/i}}</a></li>
<li><a href="#navs">{{_i}}Nav, tabs, pills{{/i}}</a></li>
<li><a href="#navbar">{{_i}}Navbar{{/i}}</a></li>
<li><a href="#breadcrumbs">{{_i}}Breadcrumbs{{/i}}</a></li>
<li><a href="#pagination">{{_i}}Pagination{{/i}}</a></li>
<li><a href="#labels">{{_i}}Labels{{/i}}</a></li>
<li><a href="#badges">{{_i}}Badges{{/i}}</a></li>
<li><a href="#typography">{{_i}}Type{{/i}}</a></li>
......@@ -28,9 +24,9 @@
<li><a href="#alerts">{{_i}}Alerts{{/i}}</a></li>
<li><a href="#progress">{{_i}}Progress bars{{/i}}</a></li>
<li><a href="#misc">{{_i}}Misc{{/i}}</a></li>
</ul>
</ol>
</div>
</header>
</section>
......
docs/templates/pages/download.mustache
+ 14
- 8
View file @ 8ee06795
......@@ -3,16 +3,22 @@
<header class="jumbotron subhead" id="overview">
<h1>{{_i}}Customize and download{{/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>
<div class="subnav">
<ul class="nav nav-pills">
<li><a href="#components">{{_i}}1. Choose components{{/i}}</a></li>
<li><a href="#plugins">{{_i}}2. Select jQuery plugins{{/i}}</a></li>
<li><a href="#variables">{{_i}}3. Customize variables{{/i}}</a></li>
<li><a href="#download">{{_i}}4. Download{{/i}}</a></li>
</ul>
</div>
</header>
<section id="contents">
<div class="bs-docs-contents">
<h3>{{_i}}Contents{{/i}}</h3>
<ol>
<li><a href="#components">{{_i}}Choose components{{/i}}</a></li>
<li><a href="#plugins">{{_i}}Select jQuery plugins{{/i}}</a></li>
<li><a href="#variables">{{_i}}Customize variables{{/i}}</a></li>
<li><a href="#download">{{_i}}Download{{/i}}</a></li>
</ol>
</div>
</section>
<form>
<section class="download" id="components">
<div class="page-header">
......
docs/templates/pages/javascript.mustache
+ 1083
- 1109
View file @ 8ee06795
This diff is collapsed.
docs/templates/pages/less.mustache
+ 10
- 4
View file @ 8ee06795
......@@ -3,15 +3,21 @@
<header class="jumbotron subhead" id="overview">
<h1>{{_i}}Using LESS with Bootstrap{{/i}}</h1>
<p class="lead">{{_i}}Customize and extend Bootstrap with <a href="http://lesscss.org" target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.{{/i}}</p>
<div class="subnav">
<ul class="nav nav-pills">
</header>
<section id="contents">
<div class="bs-docs-contents">
<h3>{{_i}}Contents{{/i}}</h3>
<ol>
<li><a href="#builtWith">{{_i}}Built with Less{{/i}}</a></li>
<li><a href="#variables">{{_i}}Variables{{/i}}</a></li>
<li><a href="#mixins">{{_i}}Mixins{{/i}}</a></li>
<li><a href="#compiling">{{_i}}Compiling Bootstrap{{/i}}</a></li>
</ul>
</ol>
</div>
</header>
</section>
......
docs/templates/pages/scaffolding.mustache
+ 9
- 52
View file @ 8ee06795
......@@ -3,64 +3,21 @@
<header class="jumbotron subhead" id="overview">
<h1>{{_i}}Scaffolding{{/i}}</h1>
<p class="lead">{{_i}}Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.{{/i}}</p>
<!-- <div class="subnav">
<ul class="nav nav-pills">
<li><a href="#global">{{_i}}Global styles{{/i}}</a></li>
<li><a href="#gridSystem">{{_i}}Grid system{{/i}}</a></li>
<li><a href="#fluidGridSystem">{{_i}}Fluid grid system{{/i}}</a></li>
<li><a href="#gridCustomization">{{_i}}Customizing{{/i}}</a></li>
<li><a href="#layouts">{{_i}}Layouts{{/i}}</a></li>
<li><a href="#responsive">{{_i}}Responsive design{{/i}}</a></li>
</ul>
</div>
--></header>
</header>
<!-- <section class="bs-docs-contents">
<section class="bs-docs-contents">
<h3>{{_i}}Contents{{/i}}</h3>
<ol>
<li>
<a href="#global">{{_i}}Global styles{{/i}}</a>
<ul>
<li><a href="#global-1">{{_i}}Requires HTML5 doctype{{/i}}</a></li>
<li><a href="#global-2">{{_i}}Typography and links{{/i}}</a></li>
<li><a href="#global-3">{{_i}}Reset via Normalize{{/i}}</a></li>
</ul>
</li>
<li>
<a href="#gridSystem">{{_i}}Grid system{{/i}}</a>
<ul>
<li><a href="#gridSystem-1">{{_i}}Offsetting columns{{/i}}</a></li>
<li><a href="#gridSystem-2">{{_i}}Nesting columns{{/i}}</a></li>
</ul>
</li>
<li>
<a href="#fluidGridSystem">{{_i}}Fluid grid system{{/i}}</a>
<ul>
<li><a href="#fluidGridSystem-1">{{_i}}Nesting fluid columns{{/i}}</a></li>
</ul>
</li>
<li>
<a href="#gridCustomization">{{_i}}Grid Customization{{/i}}</a>
</li>
<li>
<a href="#layouts">{{_i}}Layouts{{/i}}</a>
<ul>
<li><a href="#layouts-1">{{_i}}Fixed layout{{/i}}</a></li>
<li><a href="#layouts-1">{{_i}}Fluid layout{{/i}}</a></li>
</ul>
</li>
<li>
<a href="#responsive">{{_i}}Responsive design{{/i}}</a>
<ul>
<li><a href="#responsive-1">{{_i}}Responsive utility classes{{/i}}</a></li>
<li><a href="#responsive-2">{{_i}}Responsive tests{{/i}}</a></li>
</ul>
</li>
<li><a href="#global">{{_i}}Global styles{{/i}}</a></li>
<li><a href="#gridSystem">{{_i}}Grid system{{/i}}</a></li>
<li><a href="#fluidGridSystem">{{_i}}Fluid grid system{{/i}}</a></li>
<li><a href="#gridCustomization">{{_i}}Customizing{{/i}}</a></li>
<li><a href="#layouts">{{_i}}Layouts{{/i}}</a></li>
<li><a href="#responsive">{{_i}}Responsive design{{/i}}</a></li>
</ol>
</section>
-->
<!-- Global Bootstrap settings
......
docs/upgrading.html
+ 83
- 0
View file @ 8ee06795
......@@ -74,6 +74,89 @@
</div>
</div>
<div class="bs-docs-nav">
<h3 class="bs-docs-logo">Bootstrap</h3>
<ul>
<!-- <li class="">
<a href="./index.html">Home</a>
</li>
-->
<li class="">
<a href="./scaffolding.html">Scaffolding</a>
<ul>
<li><a href="">Doctype</a></li>
<li><a href="">Type and links</a></li>
<li><a href="">Normalize reset</a></li>
<li><a href="">Grid system</a></li>
<li><a href="">Fluid grid system</a></li>
<li><a href="">Layouts</a></li>
<li><a href="">Responsive</a></li>
</ul>
</li>
<li class="">
<a href="./base-css.html">Base CSS</a>
<ul>
<li><a href="">Typography</a></li>
<li><a href="">Code</a></li>
<li><a href="">Tables</a></li>
<li><a href="">Forms</a></li>
<li><a href="">Buttons</a></li>
<li><a href="">Glyphicons</a></li>
</ul>
</li>
<li class="">
<a href="./components.html">Components</a>
<ul>
<li><a href="#buttonGroups">Button groups</a></li>
<li><a href="#buttonDropdowns">Button dropdowns</a></li>
<li><a href="#navs">Nav, tabs, pills</a></li>
<li><a href="#navbar">Navbar</a></li>
<li><a href="#breadcrumbs">Breadcrumbs</a></li>
<li><a href="#pagination">Pagination</a></li>
<li><a href="#labels">Labels</a></li>
<li><a href="#badges">Badges</a></li>
<li><a href="#typography">Typography</a></li>
<li><a href="#thumbnails">Thumbnails</a></li>
<li><a href="#alerts">Alerts</a></li>
<li><a href="#progress">Progress bars</a></li>
<li><a href="#misc">Miscellaneous</a></li>
</ul>
</li>
<li class="">
<a href="./javascript.html">Javascript</a>
<ul>
<li><a href="#javascript">All plugins</a></li>
<li><a href="#modals">Modal</a></li>
<li><a href="#dropdowns">Dropdown</a></li>
<li><a href="#scrollspy">Scrollspy</a></li>
<li><a href="#tabs">Tab</a></li>
<li><a href="#tooltips">Tooltip</a></li>
<li><a href="#popovers">Popover</a></li>
<li><a href="#alerts">Alert</a></li>
<li><a href="#buttons">Button</a></li>
<li><a href="#collapse">Collapse</a></li>
<li><a href="#carousel">Carousel</a></li>
<li><a href="#typeahead">Typeahead</a></li>
</ul>
</li>
<li class="">
<a href="./less.html">LESS</a>
<ul>
<li><a href="#builtWith">Built with Less</a></li>
<li><a href="#variables">Variables</a></li>
<li><a href="#mixins">Mixins</a></li>
<li><a href="#compiling">Compiling Bootstrap</a></li>
</ul>
</li>
<li class="">
<a href="./download.html">Customize</a>
</li>
<li class="">
<a href="./examples.html">Examples</a>
</li>
</ul>
</div>
<div class="bs-docs-container">
<!-- Masthead
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment