body {
position: relative;
- padding-top: 40px;
+ padding-top: 100px;
font-size: 14px;
background-color: #fff;
background-image: url(../img/grid-20px.png);
background-repeat: repeat-x;
- background-position: 0 0;
+ background-position: 0 40px;
}
/* Custom container for the narrow docs */
.bs-docs-container {
max-width: 780px;
- margin: 0 0 0 240px;
+ margin: 0 auto;
}
/* Increase docs base type size and line-heights */
-------------------------------------------------- */
.bs-docs-nav {
+ display: none;
position: fixed;
top: 0;
left: 0;
<body>
+ <!-- Navbar
+ ================================================== -->
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <button type="button"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>
+ </button>
+ <a class="brand" href="./index.html">Bootstrap</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="">
+ <a href="./index.html">Overview</a>
+ </li>
+ <li class="">
+ <a href="./scaffolding.html">Scaffolding</a>
+ </li>
+ <li class="active">
+ <a href="./base-css.html">Base CSS</a>
+ </li>
+ <li class="">
+ <a href="./components.html">Components</a>
+ </li>
+ <li class="">
+ <a href="./javascript.html">Javascript plugins</a>
+ </li>
+ <li class="">
+ <a href="./less.html">Using LESS</a>
+ </li>
+ <li class="divider-vertical"></li>
+ <li class="">
+ <a href="./download.html">Customize</a>
+ </li>
+ <li class="">
+ <a href="./examples.html">Examples</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
<ul class="bs-nav">
<body>
+ <!-- Navbar
+ ================================================== -->
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <button type="button"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>
+ </button>
+ <a class="brand" href="./index.html">Bootstrap</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="">
+ <a href="./index.html">Overview</a>
+ </li>
+ <li class="">
+ <a href="./scaffolding.html">Scaffolding</a>
+ </li>
+ <li class="">
+ <a href="./base-css.html">Base CSS</a>
+ </li>
+ <li class="active">
+ <a href="./components.html">Components</a>
+ </li>
+ <li class="">
+ <a href="./javascript.html">Javascript plugins</a>
+ </li>
+ <li class="">
+ <a href="./less.html">Using LESS</a>
+ </li>
+ <li class="divider-vertical"></li>
+ <li class="">
+ <a href="./download.html">Customize</a>
+ </li>
+ <li class="">
+ <a href="./examples.html">Examples</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
<ul class="bs-nav">
<body>
+ <!-- Navbar
+ ================================================== -->
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <button type="button"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>
+ </button>
+ <a class="brand" href="./index.html">Bootstrap</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="">
+ <a href="./index.html">Overview</a>
+ </li>
+ <li class="">
+ <a href="./scaffolding.html">Scaffolding</a>
+ </li>
+ <li class="">
+ <a href="./base-css.html">Base CSS</a>
+ </li>
+ <li class="">
+ <a href="./components.html">Components</a>
+ </li>
+ <li class="">
+ <a href="./javascript.html">Javascript plugins</a>
+ </li>
+ <li class="">
+ <a href="./less.html">Using LESS</a>
+ </li>
+ <li class="divider-vertical"></li>
+ <li class="active">
+ <a href="./download.html">Customize</a>
+ </li>
+ <li class="">
+ <a href="./examples.html">Examples</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
<ul class="bs-nav">
<body>
+ <!-- Navbar
+ ================================================== -->
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <button type="button"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>
+ </button>
+ <a class="brand" href="./index.html">Bootstrap</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="">
+ <a href="./index.html">Overview</a>
+ </li>
+ <li class="">
+ <a href="./scaffolding.html">Scaffolding</a>
+ </li>
+ <li class="">
+ <a href="./base-css.html">Base CSS</a>
+ </li>
+ <li class="">
+ <a href="./components.html">Components</a>
+ </li>
+ <li class="">
+ <a href="./javascript.html">Javascript plugins</a>
+ </li>
+ <li class="">
+ <a href="./less.html">Using LESS</a>
+ </li>
+ <li class="divider-vertical"></li>
+ <li class="">
+ <a href="./download.html">Customize</a>
+ </li>
+ <li class="active">
+ <a href="./examples.html">Examples</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
<ul class="bs-nav">
<body>
+ <!-- Navbar
+ ================================================== -->
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <button type="button"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>
+ </button>
+ <a class="brand" href="./index.html">Bootstrap</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="active">
+ <a href="./index.html">Overview</a>
+ </li>
+ <li class="">
+ <a href="./scaffolding.html">Scaffolding</a>
+ </li>
+ <li class="">
+ <a href="./base-css.html">Base CSS</a>
+ </li>
+ <li class="">
+ <a href="./components.html">Components</a>
+ </li>
+ <li class="">
+ <a href="./javascript.html">Javascript plugins</a>
+ </li>
+ <li class="">
+ <a href="./less.html">Using LESS</a>
+ </li>
+ <li class="divider-vertical"></li>
+ <li class="">
+ <a href="./download.html">Customize</a>
+ </li>
+ <li class="">
+ <a href="./examples.html">Examples</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
<ul class="bs-nav">
<body>
+ <!-- Navbar
+ ================================================== -->
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <button type="button"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>
+ </button>
+ <a class="brand" href="./index.html">Bootstrap</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="">
+ <a href="./index.html">Overview</a>
+ </li>
+ <li class="">
+ <a href="./scaffolding.html">Scaffolding</a>
+ </li>
+ <li class="">
+ <a href="./base-css.html">Base CSS</a>
+ </li>
+ <li class="">
+ <a href="./components.html">Components</a>
+ </li>
+ <li class="active">
+ <a href="./javascript.html">Javascript plugins</a>
+ </li>
+ <li class="">
+ <a href="./less.html">Using LESS</a>
+ </li>
+ <li class="divider-vertical"></li>
+ <li class="">
+ <a href="./download.html">Customize</a>
+ </li>
+ <li class="">
+ <a href="./examples.html">Examples</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
<ul class="bs-nav">
<body>
+ <!-- Navbar
+ ================================================== -->
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <button type="button"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>
+ </button>
+ <a class="brand" href="./index.html">Bootstrap</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="">
+ <a href="./index.html">Overview</a>
+ </li>
+ <li class="">
+ <a href="./scaffolding.html">Scaffolding</a>
+ </li>
+ <li class="">
+ <a href="./base-css.html">Base CSS</a>
+ </li>
+ <li class="">
+ <a href="./components.html">Components</a>
+ </li>
+ <li class="">
+ <a href="./javascript.html">Javascript plugins</a>
+ </li>
+ <li class="active">
+ <a href="./less.html">Using LESS</a>
+ </li>
+ <li class="divider-vertical"></li>
+ <li class="">
+ <a href="./download.html">Customize</a>
+ </li>
+ <li class="">
+ <a href="./examples.html">Examples</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
<ul class="bs-nav">
<body>
+ <!-- Navbar
+ ================================================== -->
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <button type="button"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>
+ </button>
+ <a class="brand" href="./index.html">Bootstrap</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="">
+ <a href="./index.html">Overview</a>
+ </li>
+ <li class="active">
+ <a href="./scaffolding.html">Scaffolding</a>
+ </li>
+ <li class="">
+ <a href="./base-css.html">Base CSS</a>
+ </li>
+ <li class="">
+ <a href="./components.html">Components</a>
+ </li>
+ <li class="">
+ <a href="./javascript.html">Javascript plugins</a>
+ </li>
+ <li class="">
+ <a href="./less.html">Using LESS</a>
+ </li>
+ <li class="divider-vertical"></li>
+ <li class="">
+ <a href="./download.html">Customize</a>
+ </li>
+ <li class="">
+ <a href="./examples.html">Examples</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
<ul class="bs-nav">
<body>
+ <!-- Navbar
+ ================================================== -->
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <button type="button"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>
+ </button>
+ <a class="brand" href="./index.html">Bootstrap</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="{{index}}">
+ <a href="./index.html">{{_i}}Overview{{/i}}</a>
+ </li>
+ <li class="{{scaffolding}}">
+ <a href="./scaffolding.html">{{_i}}Scaffolding{{/i}}</a>
+ </li>
+ <li class="{{base-css}}">
+ <a href="./base-css.html">{{_i}}Base CSS{{/i}}</a>
+ </li>
+ <li class="{{components}}">
+ <a href="./components.html">{{_i}}Components{{/i}}</a>
+ </li>
+ <li class="{{javascript}}">
+ <a href="./javascript.html">{{_i}}Javascript plugins{{/i}}</a>
+ </li>
+ <li class="{{less}}">
+ <a href="./less.html">{{_i}}Using LESS{{/i}}</a>
+ </li>
+ <li class="divider-vertical"></li>
+ <li class="{{download}}">
+ <a href="./download.html">{{_i}}Customize{{/i}}</a>
+ </li>
+ <li class="{{examples}}">
+ <a href="./examples.html">{{_i}}Examples{{/i}}</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">{{_i}}Bootstrap{{/i}}</a></h3>
<ul class="bs-nav">
<body>
+ <!-- Navbar
+ ================================================== -->
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <button type="button"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>
+ </button>
+ <a class="brand" href="./index.html">Bootstrap</a>
+ <div class="nav-collapse collapse">
+ <ul class="nav">
+ <li class="">
+ <a href="./index.html">Overview</a>
+ </li>
+ <li class="">
+ <a href="./scaffolding.html">Scaffolding</a>
+ </li>
+ <li class="">
+ <a href="./base-css.html">Base CSS</a>
+ </li>
+ <li class="">
+ <a href="./components.html">Components</a>
+ </li>
+ <li class="">
+ <a href="./javascript.html">Javascript plugins</a>
+ </li>
+ <li class="">
+ <a href="./less.html">Using LESS</a>
+ </li>
+ <li class="divider-vertical"></li>
+ <li class="">
+ <a href="./download.html">Customize</a>
+ </li>
+ <li class="">
+ <a href="./examples.html">Examples</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+
<div class="bs-docs-nav">
<h3 class="bs-docs-logo"><a href="./index.html">Bootstrap</a></h3>
<ul class="bs-nav">