aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-03-08 20:34:29 -0800
committerMark Otto <[email protected]>2014-03-08 20:34:29 -0800
commitef5d8e98e2e9aa87496eef8359667f7e052ae636 (patch)
tree0d202235247562f094df841960170b1245ea728b /docs/_includes
parentdc5917bedfda321b72310209d2807ea10347f7ed (diff)
parente4d13e238d0d6ea241f4e77328f6551206d17362 (diff)
downloadbootstrap-ef5d8e98e2e9aa87496eef8359667f7e052ae636.tar.xz
bootstrap-ef5d8e98e2e9aa87496eef8359667f7e052ae636.zip
Merge branch 'master' into sr-only-focusable
Conflicts: dist/css/bootstrap.css
Diffstat (limited to 'docs/_includes')
-rw-r--r--docs/_includes/customizer-variables.html126
-rw-r--r--docs/_includes/footer.html4
-rw-r--r--docs/_includes/nav-components.html4
-rw-r--r--docs/_includes/nav-css.html13
-rw-r--r--docs/_includes/nav-customize.html3
-rw-r--r--docs/_includes/nav-javascript.html1
-rw-r--r--docs/_includes/nav-main.html2
-rw-r--r--docs/_includes/social-buttons.html4
8 files changed, 113 insertions, 44 deletions
diff --git a/docs/_includes/customizer-variables.html b/docs/_includes/customizer-variables.html
index c68c652ab..7f2dd58b7 100644
--- a/docs/_includes/customizer-variables.html
+++ b/docs/_includes/customizer-variables.html
@@ -151,6 +151,25 @@
<input id="input-@headings-color" type="text" value="inherit" data-var="@headings-color" class="form-control"/>
</div>
</div>
+<h2 id="iconography">Iconography</h2>
+<p>Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.</p>
+<div class="row">
+ <div class="bs-customizer-input">
+ <label for="input-@icon-font-path">@icon-font-path</label>
+ <input id="input-@icon-font-path" type="text" value="&quot;../fonts/&quot;" data-var="@icon-font-path" class="form-control"/>
+ <p class="help-block">Load fonts from this directory.</p>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@icon-font-name">@icon-font-name</label>
+ <input id="input-@icon-font-name" type="text" value="&quot;glyphicons-halflings-regular&quot;" data-var="@icon-font-name" class="form-control"/>
+ <p class="help-block">File name for all font files.</p>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@icon-font-svg-id">@icon-font-svg-id</label>
+ <input id="input-@icon-font-svg-id" type="text" value="&quot;glyphicons_halflingsregular&quot;" data-var="@icon-font-svg-id" class="form-control"/>
+ <p class="help-block">Element ID within SVG icon file.</p>
+ </div>
+</div>
<h2 id="components">Components</h2>
<p>Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).</p>
<div class="row">
@@ -572,6 +591,37 @@
<p class="help-block">Point at which the navbar begins collapsing.</p>
</div>
</div>
+<h2 id="container-sizes">Container sizes</h2>
+<p>Define the maximum width of <code>.container</code> for different screen sizes.</p>
+<div class="row">
+ <div class="bs-customizer-input">
+ <label for="input-@container-tablet">@container-tablet</label>
+ <input id="input-@container-tablet" type="text" value="((720px + @grid-gutter-width))" data-var="@container-tablet" class="form-control"/>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@container-sm">@container-sm</label>
+ <input id="input-@container-sm" type="text" value="@container-tablet" data-var="@container-sm" class="form-control"/>
+ <p class="help-block">For <code>@screen-sm-min</code> and up.</p>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@container-desktop">@container-desktop</label>
+ <input id="input-@container-desktop" type="text" value="((940px + @grid-gutter-width))" data-var="@container-desktop" class="form-control"/>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@container-md">@container-md</label>
+ <input id="input-@container-md" type="text" value="@container-desktop" data-var="@container-md" class="form-control"/>
+ <p class="help-block">For <code>@screen-md-min</code> and up.</p>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@container-large-desktop">@container-large-desktop</label>
+ <input id="input-@container-large-desktop" type="text" value="((1140px + @grid-gutter-width))" data-var="@container-large-desktop" class="form-control"/>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@container-lg">@container-lg</label>
+ <input id="input-@container-lg" type="text" value="@container-large-desktop" data-var="@container-lg" class="form-control"/>
+ <p class="help-block">For <code>@screen-lg-min</code> and up.</p>
+ </div>
+</div>
<h2 id="navbar">Navbar</h2>
<p></p>
<div class="row">
@@ -1037,12 +1087,12 @@
</div>
<div class="bs-customizer-input">
<label for="input-@popover-arrow-outer-color">@popover-arrow-outer-color</label>
- <input id="input-@popover-arrow-outer-color" type="text" value="rgba(0,0,0,.25)" data-var="@popover-arrow-outer-color" class="form-control"/>
+ <input id="input-@popover-arrow-outer-color" type="text" value="fadein(@popover-border-color, 5%)" data-var="@popover-arrow-outer-color" class="form-control"/>
<p class="help-block">Popover outer arrow color</p>
</div>
<div class="bs-customizer-input">
<label for="input-@popover-arrow-outer-fallback-color">@popover-arrow-outer-fallback-color</label>
- <input id="input-@popover-arrow-outer-fallback-color" type="text" value="#999" data-var="@popover-arrow-outer-fallback-color" class="form-control"/>
+ <input id="input-@popover-arrow-outer-fallback-color" type="text" value="darken(@popover-fallback-border-color, 20%)" data-var="@popover-arrow-outer-fallback-color" class="form-control"/>
<p class="help-block">Popover outer arrow fallback color</p>
</div>
</div>
@@ -1095,7 +1145,7 @@
<div class="row">
<div class="bs-customizer-input">
<label for="input-@modal-inner-padding">@modal-inner-padding</label>
- <input id="input-@modal-inner-padding" type="text" value="20px" data-var="@modal-inner-padding" class="form-control"/>
+ <input id="input-@modal-inner-padding" type="text" value="15px" data-var="@modal-inner-padding" class="form-control"/>
<p class="help-block">Padding applied to the modal body</p>
</div>
<div class="bs-customizer-input">
@@ -1280,17 +1330,17 @@
<div class="bs-customizer-input">
<label for="input-@list-group-hover-bg">@list-group-hover-bg</label>
<input id="input-@list-group-hover-bg" type="text" value="#f5f5f5" data-var="@list-group-hover-bg" class="form-control"/>
- <p class="help-block">Background color of single list elements on hover</p>
+ <p class="help-block">Background color of single list items on hover</p>
</div>
<div class="bs-customizer-input">
<label for="input-@list-group-active-color">@list-group-active-color</label>
<input id="input-@list-group-active-color" type="text" value="@component-active-color" data-var="@list-group-active-color" class="form-control"/>
- <p class="help-block">Text color of active list elements</p>
+ <p class="help-block">Text color of active list items</p>
</div>
<div class="bs-customizer-input">
<label for="input-@list-group-active-bg">@list-group-active-bg</label>
<input id="input-@list-group-active-bg" type="text" value="@component-active-bg" data-var="@list-group-active-bg" class="form-control"/>
- <p class="help-block">Background color of active list elements</p>
+ <p class="help-block">Background color of active list items</p>
</div>
<div class="bs-customizer-input">
<label for="input-@list-group-active-border">@list-group-active-border</label>
@@ -1300,12 +1350,32 @@
<div class="bs-customizer-input">
<label for="input-@list-group-active-text-color">@list-group-active-text-color</label>
<input id="input-@list-group-active-text-color" type="text" value="lighten(@list-group-active-bg, 40%)" data-var="@list-group-active-text-color" class="form-control"/>
+ <p class="help-block">Text color for content within active list items</p>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@list-group-disabled-color">@list-group-disabled-color</label>
+ <input id="input-@list-group-disabled-color" type="text" value="@gray-light" data-var="@list-group-disabled-color" class="form-control"/>
+ <p class="help-block">Text color of disabled list items</p>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@list-group-disabled-bg">@list-group-disabled-bg</label>
+ <input id="input-@list-group-disabled-bg" type="text" value="@gray-lighter" data-var="@list-group-disabled-bg" class="form-control"/>
+ <p class="help-block">Background color of disabled list items</p>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@list-group-disabled-text-color">@list-group-disabled-text-color</label>
+ <input id="input-@list-group-disabled-text-color" type="text" value="@list-group-disabled-color" data-var="@list-group-disabled-text-color" class="form-control"/>
+ <p class="help-block">Text color for content within disabled list items</p>
</div>
<div class="bs-customizer-input">
<label for="input-@list-group-link-color">@list-group-link-color</label>
<input id="input-@list-group-link-color" type="text" value="#555" data-var="@list-group-link-color" class="form-control"/>
</div>
<div class="bs-customizer-input">
+ <label for="input-@list-group-link-hover-color">@list-group-link-hover-color</label>
+ <input id="input-@list-group-link-hover-color" type="text" value="@list-group-link-color" data-var="@list-group-link-hover-color" class="form-control"/>
+ </div>
+ <div class="bs-customizer-input">
<label for="input-@list-group-link-heading-color">@list-group-link-heading-color</label>
<input id="input-@list-group-link-heading-color" type="text" value="#333" data-var="@list-group-link-heading-color" class="form-control"/>
</div>
@@ -1322,6 +1392,14 @@
<input id="input-@panel-body-padding" type="text" value="15px" data-var="@panel-body-padding" class="form-control"/>
</div>
<div class="bs-customizer-input">
+ <label for="input-@panel-heading-padding">@panel-heading-padding</label>
+ <input id="input-@panel-heading-padding" type="text" value="10px 15px" data-var="@panel-heading-padding" class="form-control"/>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@panel-footer-padding">@panel-footer-padding</label>
+ <input id="input-@panel-footer-padding" type="text" value="@panel-heading-padding" data-var="@panel-footer-padding" class="form-control"/>
+ </div>
+ <div class="bs-customizer-input">
<label for="input-@panel-border-radius">@panel-border-radius</label>
<input id="input-@panel-border-radius" type="text" value="@border-radius-base" data-var="@panel-border-radius" class="form-control"/>
</div>
@@ -1632,6 +1710,11 @@
<p class="help-block">Blockquote small color</p>
</div>
<div class="bs-customizer-input">
+ <label for="input-@blockquote-font-size">@blockquote-font-size</label>
+ <input id="input-@blockquote-font-size" type="text" value="(@font-size-base * 1.25)" data-var="@blockquote-font-size" class="form-control"/>
+ <p class="help-block">Blockquote font size</p>
+ </div>
+ <div class="bs-customizer-input">
<label for="input-@blockquote-border-color">@blockquote-border-color</label>
<input id="input-@blockquote-border-color" type="text" value="@gray-lighter" data-var="@blockquote-border-color" class="form-control"/>
<p class="help-block">Blockquote border color</p>
@@ -1656,35 +1739,4 @@
<p class="help-block">Horizontal offset for forms and lists.</p>
</div>
</div>
-<h2 id="container-sizes">Container sizes</h2>
-<p>Define the maximum width of <code>.container</code> for different screen sizes.</p>
-<div class="row">
- <div class="bs-customizer-input">
- <label for="input-@container-tablet">@container-tablet</label>
- <input id="input-@container-tablet" type="text" value="((720px + @grid-gutter-width))" data-var="@container-tablet" class="form-control"/>
- </div>
- <div class="bs-customizer-input">
- <label for="input-@container-sm">@container-sm</label>
- <input id="input-@container-sm" type="text" value="@container-tablet" data-var="@container-sm" class="form-control"/>
- <p class="help-block">For <code>@screen-sm-min</code> and up.</p>
- </div>
- <div class="bs-customizer-input">
- <label for="input-@container-desktop">@container-desktop</label>
- <input id="input-@container-desktop" type="text" value="((940px + @grid-gutter-width))" data-var="@container-desktop" class="form-control"/>
- </div>
- <div class="bs-customizer-input">
- <label for="input-@container-md">@container-md</label>
- <input id="input-@container-md" type="text" value="@container-desktop" data-var="@container-md" class="form-control"/>
- <p class="help-block">For <code>@screen-md-min</code> and up.</p>
- </div>
- <div class="bs-customizer-input">
- <label for="input-@container-large-desktop">@container-large-desktop</label>
- <input id="input-@container-large-desktop" type="text" value="((1140px + @grid-gutter-width))" data-var="@container-large-desktop" class="form-control"/>
- </div>
- <div class="bs-customizer-input">
- <label for="input-@container-lg">@container-lg</label>
- <input id="input-@container-lg" type="text" value="@container-large-desktop" data-var="@container-lg" class="form-control"/>
- <p class="help-block">For <code>@screen-lg-min</code> and up.</p>
- </div>
-</div>
<!-- NOTE: DO NOT EDIT THE PRECEDING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-variables.jade template.--> \ No newline at end of file
diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
index c5edb3e65..6d626a198 100644
--- a/docs/_includes/footer.html
+++ b/docs/_includes/footer.html
@@ -1,13 +1,13 @@
<!-- Footer
================================================== -->
-<footer class="bs-footer" role="contentinfo">
+<footer class="bs-docs-footer" role="contentinfo">
<div class="container">
{% include social-buttons.html %}
<p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
<p>Maintained by the <a href="https://github.com/twbs?tab=members">core team</a> with the help of <a href="https://github.com/twbs/bootstrap/graphs/contributors">our contributors</a>.</p>
<p>Code licensed under <a href="https://github.com/twbs/bootstrap/blob/master/LICENSE" target="_blank">MIT</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
- <ul class="footer-links muted">
+ <ul class="bs-docs-footer-links muted">
<li>Currently v{{ site.current_version }}</li>
<li>&middot;</li>
<li><a href="{{ site.repo }}">GitHub</a></li>
diff --git a/docs/_includes/nav-components.html b/docs/_includes/nav-components.html
index 131114883..e850f3abc 100644
--- a/docs/_includes/nav-components.html
+++ b/docs/_includes/nav-components.html
@@ -102,6 +102,8 @@
<a href="#progress">Progress bars</a>
<ul class="nav">
<li><a href="#progress-basic">Basic example</a></li>
+ <li><a href="#progress-label">With label</a></li>
+ <li><a href="#progress-low-percentages">Low percentages</a></li>
<li><a href="#progress-alternatives">Contextual alternatives</a></li>
<li><a href="#progress-striped">Striped</a></li>
<li><a href="#progress-animated">Animated</a></li>
@@ -121,6 +123,7 @@
<li><a href="#list-group-basic">Basic example</a></li>
<li><a href="#list-group-badges">Badges</a></li>
<li><a href="#list-group-linked">Linked items</a></li>
+ <li><a href="#list-group-disabled">Disabled items</a></li>
<li><a href="#list-group-contextual-classes">Contextual classes</a></li>
<li><a href="#list-group-custom-content">Custom content</a></li>
</ul>
@@ -135,4 +138,5 @@
<li><a href="#panels-list-group">With list groups</a>
</ul>
</li>
+<li><a href="#responsive-embed">Responsive embed</a></li>
<li><a href="#wells">Wells</a></li>
diff --git a/docs/_includes/nav-css.html b/docs/_includes/nav-css.html
index 15025da0c..d67ad20be 100644
--- a/docs/_includes/nav-css.html
+++ b/docs/_includes/nav-css.html
@@ -30,7 +30,8 @@
<ul class="nav">
<li><a href="#type-headings">Headings</a></li>
<li><a href="#type-body-copy">Body copy</a></li>
- <li><a href="#type-emphasis">Emphasis</a></li>
+ <li><a href="#type-inline-text">Inline text elements</a></li>
+ <li><a href="#type-alignment">Alignment classes</a></li>
<li><a href="#type-abbreviations">Abbreviations</a></li>
<li><a href="#type-addresses">Addresses</a></li>
<li><a href="#type-blockquotes">Blockquotes</a></li>
@@ -43,6 +44,8 @@
<li><a href="#code-inline">Inline code</a></li>
<li><a href="#code-user-input">User input</a></li>
<li><a href="#code-block">Blocks of code</a></li>
+ <li><a href="#code-variables">Variables</a></li>
+ <li><a href="#code-sample-output">Sample output</a></li>
</ul>
</li>
<li>
@@ -67,6 +70,7 @@
<li><a href="#forms-controls-static">Static control</a></li>
<li><a href="#forms-control-focus">Focus state</a></li>
<li><a href="#forms-control-disabled">Disabled state</a></li>
+ <li><a href="#forms-control-readonly">Readonly state</a></li>
<li><a href="#forms-control-validation">Validation states</a></li>
<li><a href="#forms-control-sizes">Control sizing</a></li>
<li><a href="#forms-help-text">Help text</a></li>
@@ -128,3 +132,10 @@
<li><a href="#sass-installation">Rails install</a></li>
</ul>
</li>
+<li>
+ <a href="#rtl">RTL version</a>
+ <ul class="nav">
+ <li><a href="#rtl-how-to">How to use</a></li>
+ <li><a href="#rtl-css-flip">CSS Flip</a></li>
+ </ul>
+</li>
diff --git a/docs/_includes/nav-customize.html b/docs/_includes/nav-customize.html
index af8558fa1..04725096c 100644
--- a/docs/_includes/nav-customize.html
+++ b/docs/_includes/nav-customize.html
@@ -7,6 +7,7 @@
<li><a href="#colors">Colors</a></li>
<li><a href="#scaffolding">Scaffolding</a></li>
<li><a href="#typography">Typography</a></li>
+ <li><a href="#iconography">Iconography</a></li>
<li><a href="#components">Components</a></li>
<li><a href="#tables">Tables</a></li>
<li><a href="#buttons">Buttons</a></li>
@@ -14,6 +15,7 @@
<li><a href="#dropdowns">Dropdowns</a></li>
<li><a href="#media-queries-breakpoints">Media queries breakpoints</a></li>
<li><a href="#grid-system">Grid system</a></li>
+ <li><a href="#container-sizes">Container sizes</a></li>
<li><a href="#navbar">Navbar</a></li>
<li><a href="#navs">Navs</a></li>
<li><a href="#tabs">Tabs</a></li>
@@ -39,7 +41,6 @@
<li><a href="#code">Code</a></li>
<li><a href="#type">Type</a></li>
<li><a href="#miscellaneous">Miscellaneous</a></li>
- <li><a href="#container-sizes">Container sizes</a></li>
</ul>
</li>
<li><a href="#download">Download</a></li>
diff --git a/docs/_includes/nav-javascript.html b/docs/_includes/nav-javascript.html
index aeeafe264..741b9cf81 100644
--- a/docs/_includes/nav-javascript.html
+++ b/docs/_includes/nav-javascript.html
@@ -14,6 +14,7 @@
<ul class="nav">
<li><a href="#modals-examples">Examples</a></li>
<li><a href="#modals-sizes">Sizes</a></li>
+ <li><a href="#modals-remove-animation">Remove animation</a></li>
<li><a href="#modals-usage">Usage</a></li>
</ul>
</li>
diff --git a/docs/_includes/nav-main.html b/docs/_includes/nav-main.html
index b258a923c..9f449f258 100644
--- a/docs/_includes/nav-main.html
+++ b/docs/_includes/nav-main.html
@@ -1,4 +1,4 @@
-<header class="navbar navbar-static-top bs-docs-nav" role="banner" id="top">
+<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
diff --git a/docs/_includes/social-buttons.html b/docs/_includes/social-buttons.html
index 2019875e3..9e0a1505e 100644
--- a/docs/_includes/social-buttons.html
+++ b/docs/_includes/social-buttons.html
@@ -1,5 +1,5 @@
-<div class="bs-social">
- <ul class="bs-social-buttons">
+<div class="bs-docs-social">
+ <ul class="bs-docs-social-buttons">
<li>
<iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twbs&amp;repo=bootstrap&amp;type=watch&amp;count=true" width="100" height="20" title="Star on GitHub"></iframe>
</li>