Merge lp:~openerp-dev/openerp-web/trunk-web-bootstrap3 into lp:openerp-web

Proposed by Kunal Chavda
Status: Merged
Merge reported by: Antony Lesuisse (OpenERP)
Merged at revision: not available
Proposed branch: lp:~openerp-dev/openerp-web/trunk-web-bootstrap3
Merge into: lp:openerp-web
Diff against target: 44110 lines (+42228/-235)
160 files modified
addons/web/__openerp__.py (+2/-1)
addons/web/static/lib/bootstrap/CNAME (+1/-0)
addons/web/static/lib/bootstrap/CONTRIBUTING.md (+61/-0)
addons/web/static/lib/bootstrap/DOCS-LICENSE (+319/-0)
addons/web/static/lib/bootstrap/Gruntfile.js (+226/-0)
addons/web/static/lib/bootstrap/LICENSE (+176/-0)
addons/web/static/lib/bootstrap/LICENSE-MIT (+21/-0)
addons/web/static/lib/bootstrap/README.md (+165/-0)
addons/web/static/lib/bootstrap/_config.yml (+25/-0)
addons/web/static/lib/bootstrap/_includes/ads.html (+1/-0)
addons/web/static/lib/bootstrap/_includes/footer.html (+34/-0)
addons/web/static/lib/bootstrap/_includes/header.html (+42/-0)
addons/web/static/lib/bootstrap/_includes/nav-about.html (+12/-0)
addons/web/static/lib/bootstrap/_includes/nav-components.html (+137/-0)
addons/web/static/lib/bootstrap/_includes/nav-css.html (+99/-0)
addons/web/static/lib/bootstrap/_includes/nav-customize.html (+40/-0)
addons/web/static/lib/bootstrap/_includes/nav-getting-started.html (+44/-0)
addons/web/static/lib/bootstrap/_includes/nav-javascript.html (+88/-0)
addons/web/static/lib/bootstrap/_includes/nav-main.html (+37/-0)
addons/web/static/lib/bootstrap/_includes/old-bs-docs.html (+8/-0)
addons/web/static/lib/bootstrap/_includes/social-buttons.html (+16/-0)
addons/web/static/lib/bootstrap/_layouts/default.html (+79/-0)
addons/web/static/lib/bootstrap/_layouts/home.html (+47/-0)
addons/web/static/lib/bootstrap/about.html (+93/-0)
addons/web/static/lib/bootstrap/bower.json (+11/-0)
addons/web/static/lib/bootstrap/browserstack.json (+37/-0)
addons/web/static/lib/bootstrap/components.html (+3689/-0)
addons/web/static/lib/bootstrap/composer.json (+20/-0)
addons/web/static/lib/bootstrap/css.html (+2674/-0)
addons/web/static/lib/bootstrap/customize.html (+1715/-0)
addons/web/static/lib/bootstrap/dist/css/bootstrap-theme.css (+459/-0)
addons/web/static/lib/bootstrap/dist/css/bootstrap-theme.min.css (+9/-0)
addons/web/static/lib/bootstrap/dist/css/bootstrap.css (+7059/-0)
addons/web/static/lib/bootstrap/dist/css/bootstrap.min.css (+9/-0)
addons/web/static/lib/bootstrap/dist/fonts/glyphicons-halflings-regular.svg (+229/-0)
addons/web/static/lib/bootstrap/dist/js/bootstrap.js (+2002/-0)
addons/web/static/lib/bootstrap/dist/js/bootstrap.min.js (+9/-0)
addons/web/static/lib/bootstrap/docs-assets/css/docs.css (+1195/-0)
addons/web/static/lib/bootstrap/docs-assets/css/pygments-manni.css (+66/-0)
addons/web/static/lib/bootstrap/docs-assets/js/application.js (+103/-0)
addons/web/static/lib/bootstrap/docs-assets/js/customizer.js (+331/-0)
addons/web/static/lib/bootstrap/docs-assets/js/filesaver.js (+169/-0)
addons/web/static/lib/bootstrap/docs-assets/js/holder.js (+404/-0)
addons/web/static/lib/bootstrap/docs-assets/js/ie8-responsive-file-warning.js (+12/-0)
addons/web/static/lib/bootstrap/docs-assets/js/jszip.js (+1467/-0)
addons/web/static/lib/bootstrap/docs-assets/js/less.js (+9/-0)
addons/web/static/lib/bootstrap/docs-assets/js/raw-files.js (+3/-0)
addons/web/static/lib/bootstrap/docs-assets/js/uglify.js (+14/-0)
addons/web/static/lib/bootstrap/examples/carousel/carousel.css (+148/-0)
addons/web/static/lib/bootstrap/examples/carousel/index.html (+205/-0)
addons/web/static/lib/bootstrap/examples/grid/grid.css (+28/-0)
addons/web/static/lib/bootstrap/examples/grid/index.html (+148/-0)
addons/web/static/lib/bootstrap/examples/jumbotron-narrow/index.html (+82/-0)
addons/web/static/lib/bootstrap/examples/jumbotron-narrow/jumbotron-narrow.css (+79/-0)
addons/web/static/lib/bootstrap/examples/jumbotron/index.html (+98/-0)
addons/web/static/lib/bootstrap/examples/jumbotron/jumbotron.css (+5/-0)
addons/web/static/lib/bootstrap/examples/justified-nav/index.html (+83/-0)
addons/web/static/lib/bootstrap/examples/justified-nav/justified-nav.css (+88/-0)
addons/web/static/lib/bootstrap/examples/navbar-fixed-top/index.html (+90/-0)
addons/web/static/lib/bootstrap/examples/navbar-fixed-top/navbar-fixed-top.css (+4/-0)
addons/web/static/lib/bootstrap/examples/navbar-static-top/index.html (+91/-0)
addons/web/static/lib/bootstrap/examples/navbar-static-top/navbar-static-top.css (+7/-0)
addons/web/static/lib/bootstrap/examples/navbar/index.html (+87/-0)
addons/web/static/lib/bootstrap/examples/navbar/navbar.css (+8/-0)
addons/web/static/lib/bootstrap/examples/non-responsive/index.html (+100/-0)
addons/web/static/lib/bootstrap/examples/non-responsive/non-responsive.css (+116/-0)
addons/web/static/lib/bootstrap/examples/offcanvas/index.html (+129/-0)
addons/web/static/lib/bootstrap/examples/offcanvas/offcanvas.css (+50/-0)
addons/web/static/lib/bootstrap/examples/offcanvas/offcanvas.js (+5/-0)
addons/web/static/lib/bootstrap/examples/signin/index.html (+50/-0)
addons/web/static/lib/bootstrap/examples/signin/signin.css (+40/-0)
addons/web/static/lib/bootstrap/examples/starter-template/index.html (+67/-0)
addons/web/static/lib/bootstrap/examples/starter-template/starter-template.css (+7/-0)
addons/web/static/lib/bootstrap/examples/sticky-footer-navbar/index.html (+90/-0)
addons/web/static/lib/bootstrap/examples/sticky-footer-navbar/sticky-footer-navbar.css (+45/-0)
addons/web/static/lib/bootstrap/examples/sticky-footer/index.html (+55/-0)
addons/web/static/lib/bootstrap/examples/sticky-footer/sticky-footer.css (+38/-0)
addons/web/static/lib/bootstrap/examples/theme/index.html (+381/-0)
addons/web/static/lib/bootstrap/examples/theme/theme.css (+14/-0)
addons/web/static/lib/bootstrap/fonts/glyphicons-halflings-regular.svg (+229/-0)
addons/web/static/lib/bootstrap/getting-started.html (+1025/-0)
addons/web/static/lib/bootstrap/index.html (+16/-0)
addons/web/static/lib/bootstrap/javascript.html (+1983/-0)
addons/web/static/lib/bootstrap/js/affix.js (+126/-0)
addons/web/static/lib/bootstrap/js/alert.js (+98/-0)
addons/web/static/lib/bootstrap/js/button.js (+109/-0)
addons/web/static/lib/bootstrap/js/carousel.js (+217/-0)
addons/web/static/lib/bootstrap/js/collapse.js (+179/-0)
addons/web/static/lib/bootstrap/js/dropdown.js (+154/-0)
addons/web/static/lib/bootstrap/js/modal.js (+246/-0)
addons/web/static/lib/bootstrap/js/popover.js (+117/-0)
addons/web/static/lib/bootstrap/js/scrollspy.js (+158/-0)
addons/web/static/lib/bootstrap/js/tab.js (+135/-0)
addons/web/static/lib/bootstrap/js/tests/index.html (+52/-0)
addons/web/static/lib/bootstrap/js/tests/unit/affix.js (+25/-0)
addons/web/static/lib/bootstrap/js/tests/unit/alert.js (+62/-0)
addons/web/static/lib/bootstrap/js/tests/unit/button.js (+116/-0)
addons/web/static/lib/bootstrap/js/tests/unit/carousel.js (+87/-0)
addons/web/static/lib/bootstrap/js/tests/unit/collapse.js (+164/-0)
addons/web/static/lib/bootstrap/js/tests/unit/dropdown.js (+219/-0)
addons/web/static/lib/bootstrap/js/tests/unit/modal.js (+196/-0)
addons/web/static/lib/bootstrap/js/tests/unit/phantom.js (+69/-0)
addons/web/static/lib/bootstrap/js/tests/unit/popover.js (+133/-0)
addons/web/static/lib/bootstrap/js/tests/unit/scrollspy.js (+37/-0)
addons/web/static/lib/bootstrap/js/tests/unit/tab.js (+86/-0)
addons/web/static/lib/bootstrap/js/tests/unit/tooltip.js (+437/-0)
addons/web/static/lib/bootstrap/js/tests/unit/transition.js (+13/-0)
addons/web/static/lib/bootstrap/js/tests/vendor/jquery.js (+6/-0)
addons/web/static/lib/bootstrap/js/tests/vendor/qunit.css (+232/-0)
addons/web/static/lib/bootstrap/js/tests/vendor/qunit.js (+1510/-0)
addons/web/static/lib/bootstrap/js/tooltip.js (+386/-0)
addons/web/static/lib/bootstrap/js/transition.js (+56/-0)
addons/web/static/lib/bootstrap/less/alerts.less (+67/-0)
addons/web/static/lib/bootstrap/less/badges.less (+51/-0)
addons/web/static/lib/bootstrap/less/bootstrap.less (+49/-0)
addons/web/static/lib/bootstrap/less/breadcrumbs.less (+23/-0)
addons/web/static/lib/bootstrap/less/button-groups.less (+253/-0)
addons/web/static/lib/bootstrap/less/buttons.less (+158/-0)
addons/web/static/lib/bootstrap/less/carousel.less (+231/-0)
addons/web/static/lib/bootstrap/less/close.less (+33/-0)
addons/web/static/lib/bootstrap/less/code.less (+53/-0)
addons/web/static/lib/bootstrap/less/component-animations.less (+29/-0)
addons/web/static/lib/bootstrap/less/dropdowns.less (+192/-0)
addons/web/static/lib/bootstrap/less/forms.less (+366/-0)
addons/web/static/lib/bootstrap/less/glyphicons.less (+237/-0)
addons/web/static/lib/bootstrap/less/grid.less (+93/-0)
addons/web/static/lib/bootstrap/less/input-groups.less (+136/-0)
addons/web/static/lib/bootstrap/less/jumbotron.less (+40/-0)
addons/web/static/lib/bootstrap/less/labels.less (+58/-0)
addons/web/static/lib/bootstrap/less/list-group.less (+88/-0)
addons/web/static/lib/bootstrap/less/media.less (+56/-0)
addons/web/static/lib/bootstrap/less/mixins.less (+858/-0)
addons/web/static/lib/bootstrap/less/modals.less (+132/-0)
addons/web/static/lib/bootstrap/less/navbar.less (+624/-0)
addons/web/static/lib/bootstrap/less/navs.less (+262/-0)
addons/web/static/lib/bootstrap/less/normalize.less (+406/-0)
addons/web/static/lib/bootstrap/less/pager.less (+55/-0)
addons/web/static/lib/bootstrap/less/pagination.less (+85/-0)
addons/web/static/lib/bootstrap/less/panels.less (+172/-0)
addons/web/static/lib/bootstrap/less/popovers.less (+133/-0)
addons/web/static/lib/bootstrap/less/print.less (+105/-0)
addons/web/static/lib/bootstrap/less/progress-bars.less (+92/-0)
addons/web/static/lib/bootstrap/less/responsive-utilities.less (+209/-0)
addons/web/static/lib/bootstrap/less/scaffolding.less (+119/-0)
addons/web/static/lib/bootstrap/less/tables.less (+236/-0)
addons/web/static/lib/bootstrap/less/theme.less (+247/-0)
addons/web/static/lib/bootstrap/less/thumbnails.less (+31/-0)
addons/web/static/lib/bootstrap/less/tooltip.less (+95/-0)
addons/web/static/lib/bootstrap/less/type.less (+279/-0)
addons/web/static/lib/bootstrap/less/utilities.less (+56/-0)
addons/web/static/lib/bootstrap/less/variables.less (+637/-0)
addons/web/static/lib/bootstrap/less/wells.less (+29/-0)
addons/web/static/lib/bootstrap/package.json (+38/-0)
addons/web/static/src/css/base.css (+249/-121)
addons/web/static/src/css/base.sass (+207/-80)
addons/web/static/src/css/data_export.css (+5/-0)
addons/web/static/src/js/chrome.js (+12/-12)
addons/web/static/src/xml/base.xml (+23/-21)
addons/web_calendar/static/src/css/web_calendar.css (+21/-0)
addons/web_calendar/static/src/css/web_calendar.sass (+14/-0)
To merge this branch: bzr merge lp:~openerp-dev/openerp-web/trunk-web-bootstrap3
Reviewer Review Type Date Requested Status
OpenERP R&D Web Team Pending
Review via email: mp+195920@code.launchpad.net

Description of the change

Hello,
Added bootstrap3 library and fix in css for broken layout. Some where replaced existing class to bootstrap class like navbar(bootstrap) instead of top_bar etc.

Thanks,
Kunal Chavda(KCH)

To post a comment you must log in.
Revision history for this message
Antony Lesuisse (OpenERP) (al-openerp) wrote :

Merged manually at 3891 revid:<email address hidden>

Preview Diff

[H/L] Next/Prev Comment, [J/K] Next/Prev File, [N/P] Next/Prev Hunk
1=== modified file 'addons/web/__openerp__.py'
2--- addons/web/__openerp__.py 2013-09-26 16:49:02 +0000
3+++ addons/web/__openerp__.py 2013-11-21 06:05:15 +0000
4@@ -66,9 +66,10 @@
5 "static/lib/jquery.tipsy/tipsy.css",
6 "static/lib/jquery.textext/jquery.textext.css",
7 "static/lib/fontawesome/css/font-awesome.css",
8+ "static/lib/bootstrap/dist/css/bootstrap.min.css",
9 "static/src/css/base.css",
10 "static/src/css/data_export.css",
11- "static/lib/cleditor/jquery.cleditor.css",
12+ "static/lib/cleditor/jquery.cleditor.css"
13 ],
14 'qweb' : [
15 "static/src/xml/*.xml",
16
17=== added directory 'addons/web/static/lib/bootstrap'
18=== added file 'addons/web/static/lib/bootstrap/CNAME'
19--- addons/web/static/lib/bootstrap/CNAME 1970-01-01 00:00:00 +0000
20+++ addons/web/static/lib/bootstrap/CNAME 2013-11-21 06:05:15 +0000
21@@ -0,0 +1,1 @@
22+getbootstrap.com
23
24=== added file 'addons/web/static/lib/bootstrap/CONTRIBUTING.md'
25--- addons/web/static/lib/bootstrap/CONTRIBUTING.md 1970-01-01 00:00:00 +0000
26+++ addons/web/static/lib/bootstrap/CONTRIBUTING.md 2013-11-21 06:05:15 +0000
27@@ -0,0 +1,61 @@
28+# Contributing to Bootstrap
29+
30+Looking to contribute something to Bootstrap? **Here's how you can help.**
31+
32+
33+
34+## Reporting issues
35+
36+We only accept issues that are bug reports or feature requests. Bugs must be isolated and reproducible problems that we can fix within the Bootstrap core. Please read the following guidelines before opening any issue.
37+
38+1. **Search for existing issues.** We get a lot of duplicate issues, and you'd help us out a lot by first checking if someone else has reported the same issue. Moreover, the issue may have already been resolved with a fix available.
39+2. **Create an isolated and reproducible test case.** Be sure the problem exists in Bootstrap's code with a [reduced test case](http://css-tricks.com/reduced-test-cases/) that should be included in each bug report.
40+3. **Include a live example.** Make use of jsFiddle or jsBin to share your isolated test cases.
41+4. **Share as much information as possible.** Include operating system and version, browser and version, version of Bootstrap, customized or vanilla build, etc. where appropriate. Also include steps to reproduce the bug.
42+
43+
44+
45+## Pull requests
46+
47+- CSS changes must be done in `.less` files first, never just the compiled `.css` files
48+- If modifying the `.less` files, always recompile and commit the compiled files `bootstrap.css` and `bootstrap.min.css`
49+- Try not to pollute your pull request with unintended changes--keep them simple and small
50+- Try to share which browsers your code has been tested in before submitting a pull request
51+- Pull requests should always be against the `master` branch, never against `gh-pages`.
52+
53+
54+
55+## Coding standards
56+
57+### HTML
58+
59+- Two spaces for indentation, never tabs
60+- Double quotes only, never single quotes
61+- Always use proper indentation
62+- Use tags and elements appropriate for an HTML5 doctype (e.g., self-closing tags)
63+- Use CDNs and HTTPS for third-party JS when possible. We don't use protocol-relative URLs in this case because they break when viewing the page locally via `file://`.
64+
65+### CSS
66+
67+- Adhere to the [RECESS CSS property order](http://markdotto.com/2011/11/29/css-property-order/)
68+- Multiple-line approach (one property and value per line)
69+- Always a space after a property's colon (e.g., `display: block;` and not `display:block;`)
70+- End all lines with a semi-colon
71+- For multiple, comma-separated selectors, place each selector on its own line
72+- Attribute selectors, like `input[type="text"]` should always wrap the attribute's value in double quotes, for consistency and safety (see this [blog post on unquoted attribute values](http://mathiasbynens.be/notes/unquoted-attribute-values) that can lead to XSS attacks).
73+
74+### JS
75+
76+- No semicolons
77+- Comma first
78+- 2 spaces (no tabs)
79+- strict mode
80+- "Attractive"
81+
82+
83+
84+## License
85+
86+With v3.1, we're moving from the Apache 2 to the MIT license for the Bootstrap code (not the docs). We're in the process of collecting permissions from all Bootstrap contributors with code still part of the project to make this happen. For details, please see [#2054](https://github.com/twbs/bootstrap/issues/2054).
87+
88+By contributing your code, you agree to dual-license your contribution under the [Apache 2](https://github.com/twbs/bootstrap/blob/master/LICENSE) and [MIT](https://github.com/twbs/bootstrap/blob/master/MIT) licenses.
89
90=== added file 'addons/web/static/lib/bootstrap/DOCS-LICENSE'
91--- addons/web/static/lib/bootstrap/DOCS-LICENSE 1970-01-01 00:00:00 +0000
92+++ addons/web/static/lib/bootstrap/DOCS-LICENSE 2013-11-21 06:05:15 +0000
93@@ -0,0 +1,319 @@
94+Creative Commons Legal Code
95+
96+Attribution 3.0 Unported
97+
98+ CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE
99+ LEGAL SERVICES. DISTRIBUTION OF THIS LICENSE DOES NOT CREATE AN
100+ ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS
101+ INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES
102+ REGARDING THE INFORMATION PROVIDED, AND DISCLAIMS LIABILITY FOR
103+ DAMAGES RESULTING FROM ITS USE.
104+
105+License
106+
107+THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE
108+COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY
109+COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS
110+AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
111+
112+BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE
113+TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY
114+BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS
115+CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND
116+CONDITIONS.
117+
118+1. Definitions
119+
120+ a. "Adaptation" means a work based upon the Work, or upon the Work and
121+ other pre-existing works, such as a translation, adaptation,
122+ derivative work, arrangement of music or other alterations of a
123+ literary or artistic work, or phonogram or performance and includes
124+ cinematographic adaptations or any other form in which the Work may be
125+ recast, transformed, or adapted including in any form recognizably
126+ derived from the original, except that a work that constitutes a
127+ Collection will not be considered an Adaptation for the purpose of
128+ this License. For the avoidance of doubt, where the Work is a musical
129+ work, performance or phonogram, the synchronization of the Work in
130+ timed-relation with a moving image ("synching") will be considered an
131+ Adaptation for the purpose of this License.
132+ b. "Collection" means a collection of literary or artistic works, such as
133+ encyclopedias and anthologies, or performances, phonograms or
134+ broadcasts, or other works or subject matter other than works listed
135+ in Section 1(f) below, which, by reason of the selection and
136+ arrangement of their contents, constitute intellectual creations, in
137+ which the Work is included in its entirety in unmodified form along
138+ with one or more other contributions, each constituting separate and
139+ independent works in themselves, which together are assembled into a
140+ collective whole. A work that constitutes a Collection will not be
141+ considered an Adaptation (as defined above) for the purposes of this
142+ License.
143+ c. "Distribute" means to make available to the public the original and
144+ copies of the Work or Adaptation, as appropriate, through sale or
145+ other transfer of ownership.
146+ d. "Licensor" means the individual, individuals, entity or entities that
147+ offer(s) the Work under the terms of this License.
148+ e. "Original Author" means, in the case of a literary or artistic work,
149+ the individual, individuals, entity or entities who created the Work
150+ or if no individual or entity can be identified, the publisher; and in
151+ addition (i) in the case of a performance the actors, singers,
152+ musicians, dancers, and other persons who act, sing, deliver, declaim,
153+ play in, interpret or otherwise perform literary or artistic works or
154+ expressions of folklore; (ii) in the case of a phonogram the producer
155+ being the person or legal entity who first fixes the sounds of a
156+ performance or other sounds; and, (iii) in the case of broadcasts, the
157+ organization that transmits the broadcast.
158+ f. "Work" means the literary and/or artistic work offered under the terms
159+ of this License including without limitation any production in the
160+ literary, scientific and artistic domain, whatever may be the mode or
161+ form of its expression including digital form, such as a book,
162+ pamphlet and other writing; a lecture, address, sermon or other work
163+ of the same nature; a dramatic or dramatico-musical work; a
164+ choreographic work or entertainment in dumb show; a musical
165+ composition with or without words; a cinematographic work to which are
166+ assimilated works expressed by a process analogous to cinematography;
167+ a work of drawing, painting, architecture, sculpture, engraving or
168+ lithography; a photographic work to which are assimilated works
169+ expressed by a process analogous to photography; a work of applied
170+ art; an illustration, map, plan, sketch or three-dimensional work
171+ relative to geography, topography, architecture or science; a
172+ performance; a broadcast; a phonogram; a compilation of data to the
173+ extent it is protected as a copyrightable work; or a work performed by
174+ a variety or circus performer to the extent it is not otherwise
175+ considered a literary or artistic work.
176+ g. "You" means an individual or entity exercising rights under this
177+ License who has not previously violated the terms of this License with
178+ respect to the Work, or who has received express permission from the
179+ Licensor to exercise rights under this License despite a previous
180+ violation.
181+ h. "Publicly Perform" means to perform public recitations of the Work and
182+ to communicate to the public those public recitations, by any means or
183+ process, including by wire or wireless means or public digital
184+ performances; to make available to the public Works in such a way that
185+ members of the public may access these Works from a place and at a
186+ place individually chosen by them; to perform the Work to the public
187+ by any means or process and the communication to the public of the
188+ performances of the Work, including by public digital performance; to
189+ broadcast and rebroadcast the Work by any means including signs,
190+ sounds or images.
191+ i. "Reproduce" means to make copies of the Work by any means including
192+ without limitation by sound or visual recordings and the right of
193+ fixation and reproducing fixations of the Work, including storage of a
194+ protected performance or phonogram in digital form or other electronic
195+ medium.
196+
197+2. Fair Dealing Rights. Nothing in this License is intended to reduce,
198+limit, or restrict any uses free from copyright or rights arising from
199+limitations or exceptions that are provided for in connection with the
200+copyright protection under copyright law or other applicable laws.
201+
202+3. License Grant. Subject to the terms and conditions of this License,
203+Licensor hereby grants You a worldwide, royalty-free, non-exclusive,
204+perpetual (for the duration of the applicable copyright) license to
205+exercise the rights in the Work as stated below:
206+
207+ a. to Reproduce the Work, to incorporate the Work into one or more
208+ Collections, and to Reproduce the Work as incorporated in the
209+ Collections;
210+ b. to create and Reproduce Adaptations provided that any such Adaptation,
211+ including any translation in any medium, takes reasonable steps to
212+ clearly label, demarcate or otherwise identify that changes were made
213+ to the original Work. For example, a translation could be marked "The
214+ original work was translated from English to Spanish," or a
215+ modification could indicate "The original work has been modified.";
216+ c. to Distribute and Publicly Perform the Work including as incorporated
217+ in Collections; and,
218+ d. to Distribute and Publicly Perform Adaptations.
219+ e. For the avoidance of doubt:
220+
221+ i. Non-waivable Compulsory License Schemes. In those jurisdictions in
222+ which the right to collect royalties through any statutory or
223+ compulsory licensing scheme cannot be waived, the Licensor
224+ reserves the exclusive right to collect such royalties for any
225+ exercise by You of the rights granted under this License;
226+ ii. Waivable Compulsory License Schemes. In those jurisdictions in
227+ which the right to collect royalties through any statutory or
228+ compulsory licensing scheme can be waived, the Licensor waives the
229+ exclusive right to collect such royalties for any exercise by You
230+ of the rights granted under this License; and,
231+ iii. Voluntary License Schemes. The Licensor waives the right to
232+ collect royalties, whether individually or, in the event that the
233+ Licensor is a member of a collecting society that administers
234+ voluntary licensing schemes, via that society, from any exercise
235+ by You of the rights granted under this License.
236+
237+The above rights may be exercised in all media and formats whether now
238+known or hereafter devised. The above rights include the right to make
239+such modifications as are technically necessary to exercise the rights in
240+other media and formats. Subject to Section 8(f), all rights not expressly
241+granted by Licensor are hereby reserved.
242+
243+4. Restrictions. The license granted in Section 3 above is expressly made
244+subject to and limited by the following restrictions:
245+
246+ a. You may Distribute or Publicly Perform the Work only under the terms
247+ of this License. You must include a copy of, or the Uniform Resource
248+ Identifier (URI) for, this License with every copy of the Work You
249+ Distribute or Publicly Perform. You may not offer or impose any terms
250+ on the Work that restrict the terms of this License or the ability of
251+ the recipient of the Work to exercise the rights granted to that
252+ recipient under the terms of the License. You may not sublicense the
253+ Work. You must keep intact all notices that refer to this License and
254+ to the disclaimer of warranties with every copy of the Work You
255+ Distribute or Publicly Perform. When You Distribute or Publicly
256+ Perform the Work, You may not impose any effective technological
257+ measures on the Work that restrict the ability of a recipient of the
258+ Work from You to exercise the rights granted to that recipient under
259+ the terms of the License. This Section 4(a) applies to the Work as
260+ incorporated in a Collection, but this does not require the Collection
261+ apart from the Work itself to be made subject to the terms of this
262+ License. If You create a Collection, upon notice from any Licensor You
263+ must, to the extent practicable, remove from the Collection any credit
264+ as required by Section 4(b), as requested. If You create an
265+ Adaptation, upon notice from any Licensor You must, to the extent
266+ practicable, remove from the Adaptation any credit as required by
267+ Section 4(b), as requested.
268+ b. If You Distribute, or Publicly Perform the Work or any Adaptations or
269+ Collections, You must, unless a request has been made pursuant to
270+ Section 4(a), keep intact all copyright notices for the Work and
271+ provide, reasonable to the medium or means You are utilizing: (i) the
272+ name of the Original Author (or pseudonym, if applicable) if supplied,
273+ and/or if the Original Author and/or Licensor designate another party
274+ or parties (e.g., a sponsor institute, publishing entity, journal) for
275+ attribution ("Attribution Parties") in Licensor's copyright notice,
276+ terms of service or by other reasonable means, the name of such party
277+ or parties; (ii) the title of the Work if supplied; (iii) to the
278+ extent reasonably practicable, the URI, if any, that Licensor
279+ specifies to be associated with the Work, unless such URI does not
280+ refer to the copyright notice or licensing information for the Work;
281+ and (iv) , consistent with Section 3(b), in the case of an Adaptation,
282+ a credit identifying the use of the Work in the Adaptation (e.g.,
283+ "French translation of the Work by Original Author," or "Screenplay
284+ based on original Work by Original Author"). The credit required by
285+ this Section 4 (b) may be implemented in any reasonable manner;
286+ provided, however, that in the case of a Adaptation or Collection, at
287+ a minimum such credit will appear, if a credit for all contributing
288+ authors of the Adaptation or Collection appears, then as part of these
289+ credits and in a manner at least as prominent as the credits for the
290+ other contributing authors. For the avoidance of doubt, You may only
291+ use the credit required by this Section for the purpose of attribution
292+ in the manner set out above and, by exercising Your rights under this
293+ License, You may not implicitly or explicitly assert or imply any
294+ connection with, sponsorship or endorsement by the Original Author,
295+ Licensor and/or Attribution Parties, as appropriate, of You or Your
296+ use of the Work, without the separate, express prior written
297+ permission of the Original Author, Licensor and/or Attribution
298+ Parties.
299+ c. Except as otherwise agreed in writing by the Licensor or as may be
300+ otherwise permitted by applicable law, if You Reproduce, Distribute or
301+ Publicly Perform the Work either by itself or as part of any
302+ Adaptations or Collections, You must not distort, mutilate, modify or
303+ take other derogatory action in relation to the Work which would be
304+ prejudicial to the Original Author's honor or reputation. Licensor
305+ agrees that in those jurisdictions (e.g. Japan), in which any exercise
306+ of the right granted in Section 3(b) of this License (the right to
307+ make Adaptations) would be deemed to be a distortion, mutilation,
308+ modification or other derogatory action prejudicial to the Original
309+ Author's honor and reputation, the Licensor will waive or not assert,
310+ as appropriate, this Section, to the fullest extent permitted by the
311+ applicable national law, to enable You to reasonably exercise Your
312+ right under Section 3(b) of this License (right to make Adaptations)
313+ but not otherwise.
314+
315+5. Representations, Warranties and Disclaimer
316+
317+UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR
318+OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY
319+KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE,
320+INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY,
321+FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF
322+LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS,
323+WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION
324+OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
325+
326+6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE
327+LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR
328+ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES
329+ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS
330+BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
331+
332+7. Termination
333+
334+ a. This License and the rights granted hereunder will terminate
335+ automatically upon any breach by You of the terms of this License.
336+ Individuals or entities who have received Adaptations or Collections
337+ from You under this License, however, will not have their licenses
338+ terminated provided such individuals or entities remain in full
339+ compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will
340+ survive any termination of this License.
341+ b. Subject to the above terms and conditions, the license granted here is
342+ perpetual (for the duration of the applicable copyright in the Work).
343+ Notwithstanding the above, Licensor reserves the right to release the
344+ Work under different license terms or to stop distributing the Work at
345+ any time; provided, however that any such election will not serve to
346+ withdraw this License (or any other license that has been, or is
347+ required to be, granted under the terms of this License), and this
348+ License will continue in full force and effect unless terminated as
349+ stated above.
350+
351+8. Miscellaneous
352+
353+ a. Each time You Distribute or Publicly Perform the Work or a Collection,
354+ the Licensor offers to the recipient a license to the Work on the same
355+ terms and conditions as the license granted to You under this License.
356+ b. Each time You Distribute or Publicly Perform an Adaptation, Licensor
357+ offers to the recipient a license to the original Work on the same
358+ terms and conditions as the license granted to You under this License.
359+ c. If any provision of this License is invalid or unenforceable under
360+ applicable law, it shall not affect the validity or enforceability of
361+ the remainder of the terms of this License, and without further action
362+ by the parties to this agreement, such provision shall be reformed to
363+ the minimum extent necessary to make such provision valid and
364+ enforceable.
365+ d. No term or provision of this License shall be deemed waived and no
366+ breach consented to unless such waiver or consent shall be in writing
367+ and signed by the party to be charged with such waiver or consent.
368+ e. This License constitutes the entire agreement between the parties with
369+ respect to the Work licensed here. There are no understandings,
370+ agreements or representations with respect to the Work not specified
371+ here. Licensor shall not be bound by any additional provisions that
372+ may appear in any communication from You. This License may not be
373+ modified without the mutual written agreement of the Licensor and You.
374+ f. The rights granted under, and the subject matter referenced, in this
375+ License were drafted utilizing the terminology of the Berne Convention
376+ for the Protection of Literary and Artistic Works (as amended on
377+ September 28, 1979), the Rome Convention of 1961, the WIPO Copyright
378+ Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996
379+ and the Universal Copyright Convention (as revised on July 24, 1971).
380+ These rights and subject matter take effect in the relevant
381+ jurisdiction in which the License terms are sought to be enforced
382+ according to the corresponding provisions of the implementation of
383+ those treaty provisions in the applicable national law. If the
384+ standard suite of rights granted under applicable copyright law
385+ includes additional rights not granted under this License, such
386+ additional rights are deemed to be included in the License; this
387+ License is not intended to restrict the license of any rights under
388+ applicable law.
389+
390+
391+Creative Commons Notice
392+
393+ Creative Commons is not a party to this License, and makes no warranty
394+ whatsoever in connection with the Work. Creative Commons will not be
395+ liable to You or any party on any legal theory for any damages
396+ whatsoever, including without limitation any general, special,
397+ incidental or consequential damages arising in connection to this
398+ license. Notwithstanding the foregoing two (2) sentences, if Creative
399+ Commons has expressly identified itself as the Licensor hereunder, it
400+ shall have all rights and obligations of Licensor.
401+
402+ Except for the limited purpose of indicating to the public that the
403+ Work is licensed under the CCPL, Creative Commons does not authorize
404+ the use by either party of the trademark "Creative Commons" or any
405+ related trademark or logo of Creative Commons without the prior
406+ written consent of Creative Commons. Any permitted use will be in
407+ compliance with Creative Commons' then-current trademark usage
408+ guidelines, as may be published on its website or otherwise made
409+ available upon request from time to time. For the avoidance of doubt,
410+ this trademark restriction does not form part of this License.
411+
412+ Creative Commons may be contacted at http://creativecommons.org/.
413
414=== added file 'addons/web/static/lib/bootstrap/Gruntfile.js'
415--- addons/web/static/lib/bootstrap/Gruntfile.js 1970-01-01 00:00:00 +0000
416+++ addons/web/static/lib/bootstrap/Gruntfile.js 2013-11-21 06:05:15 +0000
417@@ -0,0 +1,226 @@
418+/* jshint node: true */
419+
420+module.exports = function(grunt) {
421+ "use strict";
422+
423+ var btoa = require('btoa')
424+ // Project configuration.
425+ grunt.initConfig({
426+
427+ // Metadata.
428+ pkg: grunt.file.readJSON('package.json'),
429+ banner: '/*!\n' +
430+ ' * Bootstrap v<%= pkg.version %> by @fat and @mdo\n' +
431+ ' * Copyright <%= grunt.template.today("yyyy") %> <%= pkg.author %>\n' +
432+ ' * Licensed under <%= _.pluck(pkg.licenses, "url").join(", ") %>\n' +
433+ ' *\n' +
434+ ' * Designed and built with all the love in the world by @mdo and @fat.\n' +
435+ ' */\n\n',
436+ jqueryCheck: 'if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery") }\n\n',
437+
438+ // Task configuration.
439+ clean: {
440+ dist: ['dist']
441+ },
442+
443+ jshint: {
444+ options: {
445+ jshintrc: 'js/.jshintrc'
446+ },
447+ gruntfile: {
448+ src: 'Gruntfile.js'
449+ },
450+ src: {
451+ src: ['js/*.js']
452+ },
453+ test: {
454+ src: ['js/tests/unit/*.js']
455+ }
456+ },
457+
458+ concat: {
459+ options: {
460+ banner: '<%= banner %><%= jqueryCheck %>',
461+ stripBanners: false
462+ },
463+ bootstrap: {
464+ src: [
465+ 'js/transition.js',
466+ 'js/alert.js',
467+ 'js/button.js',
468+ 'js/carousel.js',
469+ 'js/collapse.js',
470+ 'js/dropdown.js',
471+ 'js/modal.js',
472+ 'js/tooltip.js',
473+ 'js/popover.js',
474+ 'js/scrollspy.js',
475+ 'js/tab.js',
476+ 'js/affix.js'
477+ ],
478+ dest: 'dist/js/<%= pkg.name %>.js'
479+ }
480+ },
481+
482+ uglify: {
483+ options: {
484+ banner: '<%= banner %>',
485+ report: 'min'
486+ },
487+ bootstrap: {
488+ src: ['<%= concat.bootstrap.dest %>'],
489+ dest: 'dist/js/<%= pkg.name %>.min.js'
490+ }
491+ },
492+
493+ recess: {
494+ options: {
495+ compile: true,
496+ banner: '<%= banner %>'
497+ },
498+ bootstrap: {
499+ src: ['less/bootstrap.less'],
500+ dest: 'dist/css/<%= pkg.name %>.css'
501+ },
502+ min: {
503+ options: {
504+ compress: true
505+ },
506+ src: ['less/bootstrap.less'],
507+ dest: 'dist/css/<%= pkg.name %>.min.css'
508+ },
509+ theme: {
510+ src: ['less/theme.less'],
511+ dest: 'dist/css/<%= pkg.name %>-theme.css'
512+ },
513+ theme_min: {
514+ options: {
515+ compress: true
516+ },
517+ src: ['less/theme.less'],
518+ dest: 'dist/css/<%= pkg.name %>-theme.min.css'
519+ }
520+ },
521+
522+ copy: {
523+ fonts: {
524+ expand: true,
525+ src: ["fonts/*"],
526+ dest: 'dist/'
527+ }
528+ },
529+
530+ qunit: {
531+ options: {
532+ inject: 'js/tests/unit/phantom.js'
533+ },
534+ files: ['js/tests/*.html']
535+ },
536+
537+ connect: {
538+ server: {
539+ options: {
540+ port: 3000,
541+ base: '.'
542+ }
543+ }
544+ },
545+
546+ jekyll: {
547+ docs: {}
548+ },
549+
550+ validation: {
551+ options: {
552+ reset: true,
553+ relaxerror: [
554+ "Bad value X-UA-Compatible for attribute http-equiv on element meta.",
555+ "Element img is missing required attribute src."
556+ ]
557+ },
558+ files: {
559+ src: ["_gh_pages/**/*.html"]
560+ }
561+ },
562+
563+ watch: {
564+ src: {
565+ files: '<%= jshint.src.src %>',
566+ tasks: ['jshint:src', 'qunit']
567+ },
568+ test: {
569+ files: '<%= jshint.test.src %>',
570+ tasks: ['jshint:test', 'qunit']
571+ },
572+ recess: {
573+ files: 'less/*.less',
574+ tasks: ['recess']
575+ }
576+ }
577+ });
578+
579+
580+ // These plugins provide necessary tasks.
581+ grunt.loadNpmTasks('browserstack-runner');
582+ grunt.loadNpmTasks('grunt-contrib-clean');
583+ grunt.loadNpmTasks('grunt-contrib-concat');
584+ grunt.loadNpmTasks('grunt-contrib-connect');
585+ grunt.loadNpmTasks('grunt-contrib-copy');
586+ grunt.loadNpmTasks('grunt-contrib-jshint');
587+ grunt.loadNpmTasks('grunt-contrib-qunit');
588+ grunt.loadNpmTasks('grunt-contrib-uglify');
589+ grunt.loadNpmTasks('grunt-contrib-watch');
590+ grunt.loadNpmTasks('grunt-html-validation');
591+ grunt.loadNpmTasks('grunt-jekyll');
592+ grunt.loadNpmTasks('grunt-recess');
593+
594+ // Docs HTML validation task
595+ grunt.registerTask('validate-html', ['jekyll', 'validation']);
596+
597+ // Test task.
598+ var testSubtasks = ['dist-css', 'jshint', 'qunit', 'validate-html'];
599+ // Only run BrowserStack tests under Travis
600+ if (process.env.TRAVIS) {
601+ // Only run BrowserStack tests if this is a mainline commit in twbs/bootstrap, or you have your own BrowserStack key
602+ if ((process.env.TRAVIS_REPO_SLUG === 'twbs/bootstrap' && process.env.TRAVIS_PULL_REQUEST === 'false') || process.env.TWBS_HAVE_OWN_BROWSERSTACK_KEY) {
603+ testSubtasks.push('browserstack_runner');
604+ }
605+ }
606+ grunt.registerTask('test', testSubtasks);
607+
608+ // JS distribution task.
609+ grunt.registerTask('dist-js', ['concat', 'uglify']);
610+
611+ // CSS distribution task.
612+ grunt.registerTask('dist-css', ['recess']);
613+
614+ // Fonts distribution task.
615+ grunt.registerTask('dist-fonts', ['copy']);
616+
617+ // Full distribution task.
618+ grunt.registerTask('dist', ['clean', 'dist-css', 'dist-fonts', 'dist-js']);
619+
620+ // Default task.
621+ grunt.registerTask('default', ['test', 'dist', 'build-customizer']);
622+
623+ // task for building customizer
624+ grunt.registerTask('build-customizer', 'Add scripts/less files to customizer.', function () {
625+ var fs = require('fs')
626+
627+ function getFiles(type) {
628+ var files = {}
629+ fs.readdirSync(type)
630+ .filter(function (path) {
631+ return type == 'fonts' ? true : new RegExp('\\.' + type + '$').test(path)
632+ })
633+ .forEach(function (path) {
634+ var fullPath = type + '/' + path
635+ return files[path] = (type == 'fonts' ? btoa(fs.readFileSync(fullPath)) : fs.readFileSync(fullPath, 'utf8'))
636+ })
637+ return 'var __' + type + ' = ' + JSON.stringify(files) + '\n'
638+ }
639+
640+ var files = getFiles('js') + getFiles('less') + getFiles('fonts')
641+ fs.writeFileSync('docs-assets/js/raw-files.js', files)
642+ });
643+};
644
645=== added file 'addons/web/static/lib/bootstrap/LICENSE'
646--- addons/web/static/lib/bootstrap/LICENSE 1970-01-01 00:00:00 +0000
647+++ addons/web/static/lib/bootstrap/LICENSE 2013-11-21 06:05:15 +0000
648@@ -0,0 +1,176 @@
649+ Apache License
650+ Version 2.0, January 2004
651+ http://www.apache.org/licenses/
652+
653+ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
654+
655+ 1. Definitions.
656+
657+ "License" shall mean the terms and conditions for use, reproduction,
658+ and distribution as defined by Sections 1 through 9 of this document.
659+
660+ "Licensor" shall mean the copyright owner or entity authorized by
661+ the copyright owner that is granting the License.
662+
663+ "Legal Entity" shall mean the union of the acting entity and all
664+ other entities that control, are controlled by, or are under common
665+ control with that entity. For the purposes of this definition,
666+ "control" means (i) the power, direct or indirect, to cause the
667+ direction or management of such entity, whether by contract or
668+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
669+ outstanding shares, or (iii) beneficial ownership of such entity.
670+
671+ "You" (or "Your") shall mean an individual or Legal Entity
672+ exercising permissions granted by this License.
673+
674+ "Source" form shall mean the preferred form for making modifications,
675+ including but not limited to software source code, documentation
676+ source, and configuration files.
677+
678+ "Object" form shall mean any form resulting from mechanical
679+ transformation or translation of a Source form, including but
680+ not limited to compiled object code, generated documentation,
681+ and conversions to other media types.
682+
683+ "Work" shall mean the work of authorship, whether in Source or
684+ Object form, made available under the License, as indicated by a
685+ copyright notice that is included in or attached to the work
686+ (an example is provided in the Appendix below).
687+
688+ "Derivative Works" shall mean any work, whether in Source or Object
689+ form, that is based on (or derived from) the Work and for which the
690+ editorial revisions, annotations, elaborations, or other modifications
691+ represent, as a whole, an original work of authorship. For the purposes
692+ of this License, Derivative Works shall not include works that remain
693+ separable from, or merely link (or bind by name) to the interfaces of,
694+ the Work and Derivative Works thereof.
695+
696+ "Contribution" shall mean any work of authorship, including
697+ the original version of the Work and any modifications or additions
698+ to that Work or Derivative Works thereof, that is intentionally
699+ submitted to Licensor for inclusion in the Work by the copyright owner
700+ or by an individual or Legal Entity authorized to submit on behalf of
701+ the copyright owner. For the purposes of this definition, "submitted"
702+ means any form of electronic, verbal, or written communication sent
703+ to the Licensor or its representatives, including but not limited to
704+ communication on electronic mailing lists, source code control systems,
705+ and issue tracking systems that are managed by, or on behalf of, the
706+ Licensor for the purpose of discussing and improving the Work, but
707+ excluding communication that is conspicuously marked or otherwise
708+ designated in writing by the copyright owner as "Not a Contribution."
709+
710+ "Contributor" shall mean Licensor and any individual or Legal Entity
711+ on behalf of whom a Contribution has been received by Licensor and
712+ subsequently incorporated within the Work.
713+
714+ 2. Grant of Copyright License. Subject to the terms and conditions of
715+ this License, each Contributor hereby grants to You a perpetual,
716+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
717+ copyright license to reproduce, prepare Derivative Works of,
718+ publicly display, publicly perform, sublicense, and distribute the
719+ Work and such Derivative Works in Source or Object form.
720+
721+ 3. Grant of Patent License. Subject to the terms and conditions of
722+ this License, each Contributor hereby grants to You a perpetual,
723+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
724+ (except as stated in this section) patent license to make, have made,
725+ use, offer to sell, sell, import, and otherwise transfer the Work,
726+ where such license applies only to those patent claims licensable
727+ by such Contributor that are necessarily infringed by their
728+ Contribution(s) alone or by combination of their Contribution(s)
729+ with the Work to which such Contribution(s) was submitted. If You
730+ institute patent litigation against any entity (including a
731+ cross-claim or counterclaim in a lawsuit) alleging that the Work
732+ or a Contribution incorporated within the Work constitutes direct
733+ or contributory patent infringement, then any patent licenses
734+ granted to You under this License for that Work shall terminate
735+ as of the date such litigation is filed.
736+
737+ 4. Redistribution. You may reproduce and distribute copies of the
738+ Work or Derivative Works thereof in any medium, with or without
739+ modifications, and in Source or Object form, provided that You
740+ meet the following conditions:
741+
742+ (a) You must give any other recipients of the Work or
743+ Derivative Works a copy of this License; and
744+
745+ (b) You must cause any modified files to carry prominent notices
746+ stating that You changed the files; and
747+
748+ (c) You must retain, in the Source form of any Derivative Works
749+ that You distribute, all copyright, patent, trademark, and
750+ attribution notices from the Source form of the Work,
751+ excluding those notices that do not pertain to any part of
752+ the Derivative Works; and
753+
754+ (d) If the Work includes a "NOTICE" text file as part of its
755+ distribution, then any Derivative Works that You distribute must
756+ include a readable copy of the attribution notices contained
757+ within such NOTICE file, excluding those notices that do not
758+ pertain to any part of the Derivative Works, in at least one
759+ of the following places: within a NOTICE text file distributed
760+ as part of the Derivative Works; within the Source form or
761+ documentation, if provided along with the Derivative Works; or,
762+ within a display generated by the Derivative Works, if and
763+ wherever such third-party notices normally appear. The contents
764+ of the NOTICE file are for informational purposes only and
765+ do not modify the License. You may add Your own attribution
766+ notices within Derivative Works that You distribute, alongside
767+ or as an addendum to the NOTICE text from the Work, provided
768+ that such additional attribution notices cannot be construed
769+ as modifying the License.
770+
771+ You may add Your own copyright statement to Your modifications and
772+ may provide additional or different license terms and conditions
773+ for use, reproduction, or distribution of Your modifications, or
774+ for any such Derivative Works as a whole, provided Your use,
775+ reproduction, and distribution of the Work otherwise complies with
776+ the conditions stated in this License.
777+
778+ 5. Submission of Contributions. Unless You explicitly state otherwise,
779+ any Contribution intentionally submitted for inclusion in the Work
780+ by You to the Licensor shall be under the terms and conditions of
781+ this License, without any additional terms or conditions.
782+ Notwithstanding the above, nothing herein shall supersede or modify
783+ the terms of any separate license agreement you may have executed
784+ with Licensor regarding such Contributions.
785+
786+ 6. Trademarks. This License does not grant permission to use the trade
787+ names, trademarks, service marks, or product names of the Licensor,
788+ except as required for reasonable and customary use in describing the
789+ origin of the Work and reproducing the content of the NOTICE file.
790+
791+ 7. Disclaimer of Warranty. Unless required by applicable law or
792+ agreed to in writing, Licensor provides the Work (and each
793+ Contributor provides its Contributions) on an "AS IS" BASIS,
794+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
795+ implied, including, without limitation, any warranties or conditions
796+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
797+ PARTICULAR PURPOSE. You are solely responsible for determining the
798+ appropriateness of using or redistributing the Work and assume any
799+ risks associated with Your exercise of permissions under this License.
800+
801+ 8. Limitation of Liability. In no event and under no legal theory,
802+ whether in tort (including negligence), contract, or otherwise,
803+ unless required by applicable law (such as deliberate and grossly
804+ negligent acts) or agreed to in writing, shall any Contributor be
805+ liable to You for damages, including any direct, indirect, special,
806+ incidental, or consequential damages of any character arising as a
807+ result of this License or out of the use or inability to use the
808+ Work (including but not limited to damages for loss of goodwill,
809+ work stoppage, computer failure or malfunction, or any and all
810+ other commercial damages or losses), even if such Contributor
811+ has been advised of the possibility of such damages.
812+
813+ 9. Accepting Warranty or Additional Liability. While redistributing
814+ the Work or Derivative Works thereof, You may choose to offer,
815+ and charge a fee for, acceptance of support, warranty, indemnity,
816+ or other liability obligations and/or rights consistent with this
817+ License. However, in accepting such obligations, You may act only
818+ on Your own behalf and on Your sole responsibility, not on behalf
819+ of any other Contributor, and only if You agree to indemnify,
820+ defend, and hold each Contributor harmless for any liability
821+ incurred by, or claims asserted against, such Contributor by reason
822+ of your accepting any such warranty or additional liability.
823+
824+ END OF TERMS AND CONDITIONS
825
826=== added file 'addons/web/static/lib/bootstrap/LICENSE-MIT'
827--- addons/web/static/lib/bootstrap/LICENSE-MIT 1970-01-01 00:00:00 +0000
828+++ addons/web/static/lib/bootstrap/LICENSE-MIT 2013-11-21 06:05:15 +0000
829@@ -0,0 +1,21 @@
830+The MIT License (MIT)
831+
832+Copyright (c) 2013 Twitter, Inc
833+
834+Permission is hereby granted, free of charge, to any person obtaining a copy
835+of this software and associated documentation files (the "Software"), to deal
836+in the Software without restriction, including without limitation the rights
837+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
838+copies of the Software, and to permit persons to whom the Software is
839+furnished to do so, subject to the following conditions:
840+
841+The above copyright notice and this permission notice shall be included in
842+all copies or substantial portions of the Software.
843+
844+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
845+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
846+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
847+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
848+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
849+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
850+THE SOFTWARE.
851
852=== added file 'addons/web/static/lib/bootstrap/README.md'
853--- addons/web/static/lib/bootstrap/README.md 1970-01-01 00:00:00 +0000
854+++ addons/web/static/lib/bootstrap/README.md 2013-11-21 06:05:15 +0000
855@@ -0,0 +1,165 @@
856+# [Bootstrap](http://getbootstrap.com) [![Build Status](https://secure.travis-ci.org/twbs/bootstrap.png)](http://travis-ci.org/twbs/bootstrap) [![devDependency Status](https://david-dm.org/twbs/bootstrap/dev-status.png)](https://david-dm.org/twbs/bootstrap#info=devDependencies)
857+
858+Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development, created and maintained by [Mark Otto](http://twitter.com/mdo) and [Jacob Thornton](http://twitter.com/fat).
859+
860+To get started, check out <http://getbootstrap.com>!
861+
862+
863+
864+## Quick start
865+
866+Three quick start options are available:
867+
868+* [Download the latest release](https://github.com/twbs/bootstrap/releases/tag/v3.0.0).
869+* Clone the repo: `git clone https://github.com/twbs/bootstrap.git`.
870+* Install with [Bower](http://bower.io): `bower install bootstrap`.
871+
872+Read the [Getting Started page](http://getbootstrap.com/getting-started/) for information on the framework contents, templates and examples, and more.
873+
874+### What's included
875+
876+Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:
877+
878+```
879+bootstrap/
880+├── css/
881+│ ├── bootstrap.css
882+│ ├── bootstrap.min.css
883+│ ├── bootstrap-theme.css
884+│ └── bootstrap-theme.min.css
885+├── js/
886+│ ├── bootstrap.js
887+│ └── bootstrap.min.js
888+└── fonts/
889+ ├── glyphicons-halflings-regular.eot
890+ ├── glyphicons-halflings-regular.svg
891+ ├── glyphicons-halflings-regular.ttf
892+ └── glyphicons-halflings-regular.woff
893+```
894+
895+We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). Fonts from Glyphicons are included, as is the optional Bootstrap theme.
896+
897+
898+
899+## Bugs and feature requests
900+
901+Have a bug or a feature request? [Please open a new issue](https://github.com/twbs/bootstrap/issues). Before opening any issue, please search for existing issues and read the [Issue Guidelines](https://github.com/necolas/issue-guidelines), written by [Nicolas Gallagher](https://github.com/necolas/).
902+
903+You may use [this JS Bin](http://jsbin.com/aKiCIDO/1/edit) as a template for your bug reports.
904+
905+
906+
907+## Documentation
908+
909+Bootstrap's documentation, included in this repo in the root directory, is built with [Jekyll](http://jekyllrb.com) and publicly hosted on GitHub Pages at <http://getbootstrap.com>. The docs may also be run locally.
910+
911+### Running documentation locally
912+
913+1. If necessary, [install Jekyll](http://jekyllrb.com/docs/installation) (requires v1.x).
914+2. From the root `/bootstrap` directory, run `jekyll serve` in the command line.
915+ - **Windows users:** run `chcp 65001` first to change the command prompt's character encoding ([code page](http://en.wikipedia.org/wiki/Windows_code_page)) to UTF-8 so Jekyll runs without errors.
916+3. Open <http://localhost:9001> in your browser, and voilà.
917+
918+Learn more about using Jekyll by reading its [documentation](http://jekyllrb.com/docs/home/).
919+
920+### Documentation for previous releases
921+
922+Documentation for v2.3.2 has been made available for the time being at <http://getbootstrap.com/2.3.2/> while folks transition to Bootstrap 3.
923+
924+[Previous releases](https://github.com/twbs/bootstrap/releases) and their documentation are also available for download.
925+
926+
927+
928+## Compiling CSS and JavaScript
929+
930+Bootstrap uses [Grunt](http://gruntjs.com/) with convenient methods for working with the framework. It's how we compile our code, run tests, and more. To use it, install the required dependencies as directed and then run some Grunt commands.
931+
932+### Install Grunt
933+
934+From the command line:
935+
936+1. Install `grunt-cli` globally with `npm install -g grunt-cli`.
937+2. Navigate to the root `/bootstrap` directory, then run `npm install`. npm will look at [package.json](package.json) and automatically install the necessary local dependencies listed there.
938+
939+When completed, you'll be able to run the various Grunt commands provided from the command line.
940+
941+**Unfamiliar with `npm`? Don't have node installed?** That's a-okay. npm stands for [node packaged modules](http://npmjs.org/) and is a way to manage development dependencies through node.js. [Download and install node.js](http://nodejs.org/download/) before proceeding.
942+
943+### Available Grunt commands
944+
945+#### Build - `grunt`
946+Run `grunt` to run tests locally and compile the CSS and JavaScript into `/dist`. **Uses [recess](http://twitter.github.io/recess/) and [UglifyJS](http://lisperator.net/uglifyjs/).**
947+
948+#### Only compile CSS and JavaScript - `grunt dist`
949+`grunt dist` creates the `/dist` directory with compiled files. **Uses [recess](http://twitter.github.io/recess/) and [UglifyJS](http://lisperator.net/uglifyjs/).**
950+
951+#### Tests - `grunt test`
952+Runs [JSHint](http://jshint.com) and [QUnit](http://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/) (used for CI).
953+
954+#### Watch - `grunt watch`
955+This is a convenience method for watching just Less files and automatically building them whenever you save.
956+
957+### Troubleshooting dependencies
958+
959+Should you encounter problems with installing dependencies or running Grunt commands, uninstall all previous dependency versions (global and local). Then, rerun `npm install`.
960+
961+
962+
963+## Contributing
964+
965+Please read through our [contributing guidelines](https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development.
966+
967+More over, if your pull request contains JavaScript patches or features, you must include relevant unit tests. All HTML and CSS should conform to the [Code Guide](http://github.com/mdo/code-guide), maintained by [Mark Otto](http://github.com/mdo).
968+
969+Editor preferences are available in the [editor config](.editorconfig) for easy use in common text editors. Read more and download plugins at <http://editorconfig.org>.
970+
971+With v3.1, we're moving from the Apache 2 to the MIT license for the Bootstrap code (not the docs). Please see the [contributing guidelines](https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md) for more information.
972+
973+
974+## Community
975+
976+Keep track of development and community news.
977+
978+* Follow [@twbootstrap on Twitter](http://twitter.com/twbootstrap).
979+* Read and subscribe to [The Official Bootstrap Blog](http://blog.getbootstrap.com).
980+* Have a question that's not a feature request or bug report? [Ask on the mailing list.](http://groups.google.com/group/twitter-bootstrap)
981+* Chat with fellow Bootstrappers in IRC. On the `irc.freenode.net` server, in the `##twitter-bootstrap` channel.
982+
983+
984+
985+
986+## Versioning
987+
988+For transparency and insight into our release cycle, and for striving to maintain backward compatibility, Bootstrap will be maintained under the Semantic Versioning guidelines as much as possible.
989+
990+Releases will be numbered with the following format:
991+
992+`<major>.<minor>.<patch>`
993+
994+And constructed with the following guidelines:
995+
996+* Breaking backward compatibility bumps the major (and resets the minor and patch)
997+* New additions without breaking backward compatibility bumps the minor (and resets the patch)
998+* Bug fixes and misc changes bumps the patch
999+
1000+For more information on SemVer, please visit <http://semver.org/>.
1001+
1002+
1003+
1004+## Authors
1005+
1006+**Mark Otto**
1007+
1008++ <http://twitter.com/mdo>
1009++ <http://github.com/mdo>
1010+
1011+**Jacob Thornton**
1012+
1013++ <http://twitter.com/fat>
1014++ <http://github.com/fat>
1015+
1016+
1017+
1018+## Copyright and license
1019+
1020+Copyright 2013 Twitter, Inc under [the Apache 2.0 license](LICENSE).
1021
1022=== added file 'addons/web/static/lib/bootstrap/_config.yml'
1023--- addons/web/static/lib/bootstrap/_config.yml 1970-01-01 00:00:00 +0000
1024+++ addons/web/static/lib/bootstrap/_config.yml 2013-11-21 06:05:15 +0000
1025@@ -0,0 +1,25 @@
1026+# Dependencies
1027+markdown: rdiscount
1028+pygments: true
1029+
1030+# Permalinks
1031+permalink: pretty
1032+
1033+# Server
1034+destination: ./_gh_pages
1035+exclude: [".editorconfig", ".gitignore", "bower.json", "composer.json", "CONTRIBUTING.md", "CNAME", "LICENSE", "Gruntfile.js", "package.json", "node_modules", "README.md", "less"]
1036+port: 9001
1037+
1038+# Custom vars
1039+current_version: 3.0.1
1040+repo: https://github.com/twbs/bootstrap
1041+
1042+download_source: https://github.com/twbs/bootstrap/archive/v3.0.1.zip
1043+download_dist: https://github.com/twbs/bootstrap/releases/download/v3.0.1/bootstrap-3.0.1-dist.zip
1044+
1045+blog: http://blog.getbootstrap.com
1046+expo: http://expo.getbootstrap.com
1047+
1048+cdn_css: //netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css
1049+cdn_theme_css: //netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap-theme.min.css
1050+cdn_js: //netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js
1051
1052=== added directory 'addons/web/static/lib/bootstrap/_includes'
1053=== added file 'addons/web/static/lib/bootstrap/_includes/ads.html'
1054--- addons/web/static/lib/bootstrap/_includes/ads.html 1970-01-01 00:00:00 +0000
1055+++ addons/web/static/lib/bootstrap/_includes/ads.html 2013-11-21 06:05:15 +0000
1056@@ -0,0 +1,1 @@
1057+<div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script>var z = document.createElement("script"); z.async = true; z.src = "http://engine.carbonads.com/z/32341/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
1058
1059=== added file 'addons/web/static/lib/bootstrap/_includes/footer.html'
1060--- addons/web/static/lib/bootstrap/_includes/footer.html 1970-01-01 00:00:00 +0000
1061+++ addons/web/static/lib/bootstrap/_includes/footer.html 2013-11-21 06:05:15 +0000
1062@@ -0,0 +1,34 @@
1063+<!-- Bootstrap core JavaScript
1064+================================================== -->
1065+<!-- Placed at the end of the document so the pages load faster -->
1066+<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
1067+<script src="{{ page.base_url }}dist/js/bootstrap.js"></script>
1068+
1069+<script src="http://platform.twitter.com/widgets.js"></script>
1070+<script src="{{ page.base_url }}docs-assets/js/holder.js"></script>
1071+
1072+<script src="{{ page.base_url }}docs-assets/js/application.js"></script>
1073+
1074+{% if page.slug == "customize" %}
1075+<script src="{{ page.base_url }}docs-assets/js/less.js"></script>
1076+<script src="{{ page.base_url }}docs-assets/js/jszip.js"></script>
1077+<script src="{{ page.base_url }}docs-assets/js/uglify.js"></script>
1078+<script src="{{ page.base_url }}docs-assets/js/filesaver.js"></script>
1079+<script src="{{ page.base_url }}docs-assets/js/raw-files.js"></script>
1080+<script src="{{ page.base_url }}docs-assets/js/customizer.js"></script>
1081+{% endif %}
1082+
1083+<!-- Analytics
1084+================================================== -->
1085+<script>
1086+ var _gauges = _gauges || [];
1087+ (function() {
1088+ var t = document.createElement('script');
1089+ t.async = true;
1090+ t.id = 'gauges-tracker';
1091+ t.setAttribute('data-site-id', '4f0dc9fef5a1f55508000013');
1092+ t.src = '//secure.gaug.es/track.js';
1093+ var s = document.getElementsByTagName('script')[0];
1094+ s.parentNode.insertBefore(t, s);
1095+ })();
1096+</script>
1097
1098=== added file 'addons/web/static/lib/bootstrap/_includes/header.html'
1099--- addons/web/static/lib/bootstrap/_includes/header.html 1970-01-01 00:00:00 +0000
1100+++ addons/web/static/lib/bootstrap/_includes/header.html 2013-11-21 06:05:15 +0000
1101@@ -0,0 +1,42 @@
1102+<meta charset="utf-8">
1103+<meta http-equiv="X-UA-Compatible" content="IE=edge">
1104+<meta name="viewport" content="width=device-width, initial-scale=1.0">
1105+<meta name="description" content="">
1106+<meta name="author" content="">
1107+
1108+<title>
1109+ {% if page.title == "Bootstrap" %}
1110+ {{ page.title }}
1111+ {% else %}
1112+ {{ page.title }} &middot; Bootstrap
1113+ {% endif %}
1114+</title>
1115+
1116+<!-- Bootstrap core CSS -->
1117+<link href="{{ page.base_url }}dist/css/bootstrap.min.css" rel="stylesheet">
1118+
1119+<!-- Documentation extras -->
1120+<link href="{{ page.base_url }}docs-assets/css/docs.css" rel="stylesheet">
1121+<link href="{{ page.base_url }}docs-assets/css/pygments-manni.css" rel="stylesheet">
1122+<!--[if lt IE 9]><script src="{{ page.base_url }}docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
1123+
1124+<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
1125+<!--[if lt IE 9]>
1126+ <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
1127+ <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
1128+<![endif]-->
1129+
1130+<!-- Favicons -->
1131+<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ page.base_url }}docs-assets/ico/apple-touch-icon-144-precomposed.png">
1132+ <link rel="shortcut icon" href="{{ page.base_url }}docs-assets/ico/favicon.png">
1133+
1134+<script>
1135+ var _gaq = _gaq || [];
1136+ _gaq.push(['_setAccount', 'UA-146052-10']);
1137+ _gaq.push(['_trackPageview']);
1138+ (function() {
1139+ var ga = document.createElement('script'); ga.async = true;
1140+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
1141+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
1142+ })();
1143+</script>
1144
1145=== added file 'addons/web/static/lib/bootstrap/_includes/nav-about.html'
1146--- addons/web/static/lib/bootstrap/_includes/nav-about.html 1970-01-01 00:00:00 +0000
1147+++ addons/web/static/lib/bootstrap/_includes/nav-about.html 2013-11-21 06:05:15 +0000
1148@@ -0,0 +1,12 @@
1149+<li>
1150+ <a href="#history">History</a>
1151+</li>
1152+<li>
1153+ <a href="#team">Core team</a>
1154+</li>
1155+<li>
1156+ <a href="#community">Community</a>
1157+</li>
1158+<li>
1159+ <a href="#translations">Translations</a>
1160+</li>
1161
1162=== added file 'addons/web/static/lib/bootstrap/_includes/nav-components.html'
1163--- addons/web/static/lib/bootstrap/_includes/nav-components.html 1970-01-01 00:00:00 +0000
1164+++ addons/web/static/lib/bootstrap/_includes/nav-components.html 2013-11-21 06:05:15 +0000
1165@@ -0,0 +1,137 @@
1166+<li>
1167+ <a href="#glyphicons">Glyphicons</a>
1168+ <ul class="nav">
1169+ <li><a href="#glyphicons-glyphs">Available glyphs</a></li>
1170+ <li><a href="#glyphicons-how-to-use">How to use</a></li>
1171+ <li><a href="#glyphicons-examples">Examples</a></li>
1172+ </ul>
1173+</li>
1174+<li>
1175+ <a href="#dropdowns">Dropdowns</a>
1176+ <ul class="nav">
1177+ <li><a href="#dropdowns-example">Example</a></li>
1178+ <li><a href="#dropdowns-alignment">Alignment options</a></li>
1179+ <li><a href="#dropdowns-headers">Headers</a></li>
1180+ <li><a href="#dropdowns-disabled">Disabled menu items</a></li>
1181+ </ul>
1182+</li>
1183+<li>
1184+ <a href="#btn-groups">Button groups</a>
1185+ <ul class="nav">
1186+ <li><a href="#btn-groups-single">Basic example</a></li>
1187+ <li><a href="#btn-groups-toolbar">Button toolbar</a></li>
1188+ <li><a href="#btn-groups-sizing">Sizing</a></li>
1189+ <li><a href="#btn-groups-nested">Nesting</a></li>
1190+ <li><a href="#btn-groups-vertical">Vertical variation</a></li>
1191+ <li><a href="#btn-groups-justified">Justified link variation</a></li>
1192+ </ul>
1193+</li>
1194+<li>
1195+ <a href="#btn-dropdowns">Button dropdowns</a>
1196+ <ul class="nav">
1197+ <li><a href="#btn-dropdowns-single">Single button dropdowns</a></li>
1198+ <li><a href="#btn-dropdowns-split">Split button dropdowns</a></li>
1199+ <li><a href="#btn-dropdowns-sizing">Sizing</a></li>
1200+ <li><a href="#btn-dropdowns-dropup">Dropup variation</a></li>
1201+ </ul>
1202+</li>
1203+<li>
1204+ <a href="#input-groups">Input groups</a>
1205+ <ul class="nav">
1206+ <li><a href="#input-groups-basic">Basic example</a></li>
1207+ <li><a href="#input-groups-sizing">Sizing</a></li>
1208+ <li><a href="#input-groups-checkboxes-radios">Checkbox and radios addons</a></li>
1209+ <li><a href="#input-groups-buttons">Button addons</a></li>
1210+ <li><a href="#input-groups-buttons-dropdowns">Buttons with dropdowns</a></li>
1211+ <li><a href="#input-groups-buttons-segmented">Segmented buttons</a></li>
1212+ </ul>
1213+</li>
1214+<li>
1215+ <a href="#nav">Navs</a>
1216+ <ul class="nav">
1217+ <li><a href="#nav-tabs">Tabs</a></li>
1218+ <li><a href="#nav-pills">Pills</a></li>
1219+ <li><a href="#nav-justified">Justified nav</a></li>
1220+ <li><a href="#nav-disabled-links">Disabled links</a></li>
1221+ <li><a href="#nav-dropdowns">Using dropdowns</a></li>
1222+ </ul>
1223+</li>
1224+<li>
1225+ <a href="#navbar">Navbar</a>
1226+ <ul class="nav">
1227+ <li><a href="#navbar-default">Default navbar</a></li>
1228+ <li><a href="#navbar-forms">Forms</a></li>
1229+ <li><a href="#navbar-buttons">Buttons</a></li>
1230+ <li><a href="#navbar-text">Text</a></li>
1231+ <li><a href="#navbar-links">Non-nav links</a></li>
1232+ <li><a href="#navbar-component-alignment">Component alignment</a></li>
1233+ <li><a href="#navbar-fixed-top">Fixed to top</a></li>
1234+ <li><a href="#navbar-fixed-bottom">Fixed to bottom</a></li>
1235+ <li><a href="#navbar-static-top">Static top</a></li>
1236+ <li><a href="#navbar-inverted">Inverted navbar</a></li>
1237+ </ul>
1238+</li>
1239+<li><a href="#breadcrumbs">Breadcrumbs</a></li>
1240+<li>
1241+ <a href="#pagination">Pagination</a>
1242+ <ul class="nav">
1243+ <li><a href="#pagination-default">Default pagination</a></li>
1244+ <li><a href="#pagination-pager">Pager</a></li>
1245+ </ul>
1246+</li>
1247+<li><a href="#labels">Labels</a></li>
1248+<li><a href="#badges">Badges</a></li>
1249+<li><a href="#jumbotron">Jumbotron</a></li>
1250+<li><a href="#page-header">Page header</a></li>
1251+<li>
1252+ <a href="#thumbnails">Thumbnails</a>
1253+ <ul class="nav">
1254+ <li><a href="#thumbnails-default">Default example</a></li>
1255+ <li><a href="#thumbnails-custom-content">Custom content</a></li>
1256+ </ul>
1257+</li>
1258+<li>
1259+ <a href="#alerts">Alerts</a>
1260+ <ul class="nav">
1261+ <li><a href="#alerts-examples">Examples</a></li>
1262+ <li><a href="#alerts-dismissable">Dismissable alerts</a></li>
1263+ <li><a href="#alerts-links">Links in alerts</a></li>
1264+ </ul>
1265+</li>
1266+<li>
1267+ <a href="#progress">Progress bars</a>
1268+ <ul class="nav">
1269+ <li><a href="#progress-basic">Basic example</a></li>
1270+ <li><a href="#progress-alternatives">Contextual alternatives</a></li>
1271+ <li><a href="#progress-striped">Striped</a></li>
1272+ <li><a href="#progress-animated">Animated</a></li>
1273+ <li><a href="#progress-stacked">Stacked</a></li>
1274+ </ul>
1275+</li>
1276+<li>
1277+ <a href="#media">Media object</a>
1278+ <ul class="nav">
1279+ <li><a href="#media-default">Default media</a></li>
1280+ <li><a href="#media-list">Media list</a></li>
1281+ </ul>
1282+</li>
1283+<li>
1284+ <a href="#list-group">List group</a>
1285+ <ul class="nav">
1286+ <li><a href="#list-group-basic">Basic example</a></li>
1287+ <li><a href="#list-group-badges">Badges</a></li>
1288+ <li><a href="#list-group-linked">Linked items</a></li>
1289+ <li><a href="#list-group-custom-content">Custom content</a></li>
1290+ </ul>
1291+</li>
1292+<li>
1293+ <a href="#panels">Panels</a>
1294+ <ul class="nav">
1295+ <li><a href="#panels-basic">Basic example</a></li>
1296+ <li><a href="#panels-heading">Panel with heading</a></li>
1297+ <li><a href="#panels-alternatives">Contextual alternatives</a></li>
1298+ <li><a href="#panels-tables">With tables</a>
1299+ <li><a href="#panels-list-group">With list groups</a>
1300+ </ul>
1301+</li>
1302+<li><a href="#wells">Wells</a></li>
1303
1304=== added file 'addons/web/static/lib/bootstrap/_includes/nav-css.html'
1305--- addons/web/static/lib/bootstrap/_includes/nav-css.html 1970-01-01 00:00:00 +0000
1306+++ addons/web/static/lib/bootstrap/_includes/nav-css.html 2013-11-21 06:05:15 +0000
1307@@ -0,0 +1,99 @@
1308+<li>
1309+ <a href="#overview">Overview</a>
1310+ <ul class="nav">
1311+ <li><a href="#overview-doctype">HTML5 doctype</a></li>
1312+ <li><a href="#overview-mobile">Mobile first</a></li>
1313+ <li><a href="#overview-responsive-images">Responsive images</a></li>
1314+ <li><a href="#overview-type-links">Typography and links</a></li>
1315+ <li><a href="#overview-normalize">Normalize</a></li>
1316+ <li><a href="#overview-container">Containers</a></li>
1317+ </ul>
1318+</li>
1319+<li>
1320+ <a href="#grid">Grid system</a>
1321+ <ul class="nav">
1322+ <li><a href="#grid-intro">Introduction</a></li>
1323+ <li><a href="#grid-media-queries">Media queries</a></li>
1324+ <li><a href="#grid-options">Grid options</a></li>
1325+ <li><a href="#grid-example-basic">Ex: Stacked-to-horizonal</a></li>
1326+ <li><a href="#grid-example-mixed">Ex: Mobile and desktops</a></li>
1327+ <li><a href="#grid-example-mixed-complete">Ex: Mobile, tablet, desktops</a></li>
1328+ <li><a href="#grid-responsive-resets">Responsive column resets</a></li>
1329+ <li><a href="#grid-offsetting">Offsetting columns</a></li>
1330+ <li><a href="#grid-nesting">Nesting columns</a></li>
1331+ <li><a href="#grid-column-ordering">Column ordering</a></li>
1332+ <li><a href="#grid-less">LESS mixins and variables</a></li>
1333+ </ul>
1334+</li>
1335+<li>
1336+ <a href="#type">Typography</a>
1337+ <ul class="nav">
1338+ <li><a href="#type-headings">Headings</a></li>
1339+ <li><a href="#type-body-copy">Body copy</a></li>
1340+ <li><a href="#type-emphasis">Emphasis</a></li>
1341+ <li><a href="#type-abbreviations">Abbreviations</a></li>
1342+ <li><a href="#type-addresses">Addresses</a></li>
1343+ <li><a href="#type-blockquotes">Blockquotes</a></li>
1344+ <li><a href="#type-lists">Lists</a></li>
1345+ </ul>
1346+</li>
1347+<li><a href="#code">Code</a></li>
1348+<li>
1349+ <a href="#tables">Tables</a>
1350+ <ul class="nav">
1351+ <li><a href="#tables-example">Basic example</a></li>
1352+ <li><a href="#tables-striped">Striped rows</a></li>
1353+ <li><a href="#tables-bordered">Bordered table</a></li>
1354+ <li><a href="#tables-hover-rows">Hover rows</a></li>
1355+ <li><a href="#tables-condensed">Condensed table</a></li>
1356+ <li><a href="#tables-contextual-classes">Contextual classes</a></li>
1357+ <li><a href="#tables-responsive">Responsive tables</a></li>
1358+ </ul>
1359+</li>
1360+<li>
1361+ <a href="#forms">Forms</a>
1362+ <ul class="nav">
1363+ <li><a href="#forms-example">Basic example</a></li>
1364+ <li><a href="#forms-inline">Inline form</a></li>
1365+ <li><a href="#forms-horizontal">Horizontal form</a></li>
1366+ <li><a href="#forms-controls">Supported controls</a></li>
1367+ <li><a href="#forms-controls-static">Static control</a></li>
1368+ <li><a href="#forms-control-states">Control states</a></li>
1369+ <li><a href="#forms-control-sizes">Control sizing</a></li>
1370+ <li><a href="#forms-help-text">Help text</a></li>
1371+ </ul>
1372+</li>
1373+<li>
1374+ <a href="#buttons">Buttons</a>
1375+ <ul class="nav">
1376+ <li><a href="#buttons-options">Options</a></li>
1377+ <li><a href="#buttons-sizes">Sizes</a></li>
1378+ <li><a href="#buttons-active">Active state</a></li>
1379+ <li><a href="#buttons-disabled">Disabled state</a></li>
1380+ <li><a href="#buttons-tags">Button tags</a></li>
1381+ </ul>
1382+</li>
1383+<li>
1384+ <a href="#images">Images</a>
1385+</li>
1386+<li>
1387+ <a href="#helper-classes">Helper classes</a>
1388+ <ul class="nav">
1389+ <li><a href="#helper-classes-close">Close icon</a></li>
1390+ <li><a href="#helper-classes-carets">Carets</a></li>
1391+ <li><a href="#helper-classes-floats">Quick floats</a></li>
1392+ <li><a href="#helper-classes-center">Center content blocks</a></li>
1393+ <li><a href="#helper-classes-clearfix">Clearfix</a></li>
1394+ <li><a href="#helper-classes-show-hide">Showing and hiding content</a></li>
1395+ <li><a href="#helper-classes-screen-readers">Screen reader content</a></li>
1396+ <li><a href="#helper-classes-image-replacement">Image replacement</a></li>
1397+ </ul>
1398+</li>
1399+<li>
1400+ <a href="#responsive-utilities">Responsive utilities</a>
1401+ <ul class="nav">
1402+ <li><a href="#responsive-utilities-classes">Available classes</a></li>
1403+ <li><a href="#responsive-utilities-print">Print classes</a></li>
1404+ <li><a href="#responsive-utilities-tests">Test cases</a></li>
1405+ </ul>
1406+</li>
1407
1408=== added file 'addons/web/static/lib/bootstrap/_includes/nav-customize.html'
1409--- addons/web/static/lib/bootstrap/_includes/nav-customize.html 1970-01-01 00:00:00 +0000
1410+++ addons/web/static/lib/bootstrap/_includes/nav-customize.html 2013-11-21 06:05:15 +0000
1411@@ -0,0 +1,40 @@
1412+<li>
1413+ <a href="#less">LESS components</a>
1414+</li>
1415+<li>
1416+ <a href="#plugins">jQuery plugins</a>
1417+</li>
1418+<li>
1419+ <a href="#less-variables">LESS variables</a>
1420+ <ul class="nav">
1421+ <li><a href="#variables-basics">Basics</a></li>
1422+ <li><a href="#variables-buttons">Buttons</a></li>
1423+ <li><a href="#variables-form-states">Form states</a></li>
1424+ <li><a href="#variables-alerts">Alerts</a></li>
1425+ <li><a href="#variables-navbar">Navbar</a></li>
1426+ <li><a href="#variables-nav">Nav</a></li>
1427+ <li><a href="#variables-tables">Tables</a></li>
1428+ <li><a href="#variables-forms">Forms</a></li>
1429+ <li><a href="#variables-dropdowns">Dropdowns</a></li>
1430+ <li><a href="#variables-panels-wells">Panels and wells</a></li>
1431+ <li><a href="#variables-accordion">Accordion</a></li>
1432+ <li><a href="#variables-badges">Badges</a></li>
1433+ <li><a href="#variables-breadcrumbs">Breadcrumbs</a></li>
1434+ <li><a href="#variables-jumbotron">Jumbotron</a></li>
1435+ <li><a href="#variables-modals">Modals</a></li>
1436+ <li><a href="#variables-carousel">Carousel</a></li>
1437+ <li><a href="#variables-list-group">List group</a></li>
1438+ <li><a href="#variables-thumbnails">Thumbnails</a></li>
1439+ <li><a href="#variables-progress">Progress bars</a></li>
1440+ <li><a href="#variables-pagination">Pagination</a></li>
1441+ <li><a href="#variables-pager">Pager</a></li>
1442+ <li><a href="#variables-labels">Labels</a></li>
1443+ <li><a href="#variables-tooltips-popovers">Tooltips and popovers</a></li>
1444+ <li><a href="#variables-close">Close button</a></li>
1445+ <li><a href="#variables-type">Type</a></li>
1446+ <li><a href="#variables-other">Other</a></li>
1447+ </ul>
1448+</li>
1449+<li>
1450+ <a href="#download">Download</a>
1451+</li>
1452
1453=== added file 'addons/web/static/lib/bootstrap/_includes/nav-getting-started.html'
1454--- addons/web/static/lib/bootstrap/_includes/nav-getting-started.html 1970-01-01 00:00:00 +0000
1455+++ addons/web/static/lib/bootstrap/_includes/nav-getting-started.html 2013-11-21 06:05:15 +0000
1456@@ -0,0 +1,44 @@
1457+<li>
1458+ <a href="#download">Download Bootstrap</a>
1459+ <ul class="nav">
1460+ <li><a href="#download-compiled">Compiled CSS, JS, and fonts</a></li>
1461+ <li><a href="#download-additional">Additional downloads</a></li>
1462+ <li><a href="#download-cdn">Bootstrap CDN</a></li>
1463+ </ul>
1464+</li>
1465+<li>
1466+ <a href="#whats-included">What's included</a>
1467+</li>
1468+<li>
1469+ <a href="#template">Basic template</a>
1470+</li>
1471+<li>
1472+ <a href="#examples">Examples</a>
1473+</li>
1474+<li>
1475+ <a href="#disable-responsive">Disabling responsiveness</a>
1476+</li>
1477+<li>
1478+ <a href="#migration">Migrating from 2.x to 3.0</a>
1479+ <ul class="nav">
1480+ <li><a href="#migration-classes">Major class changes</a></li>
1481+ <li><a href="#migration-new">What's new</a></li>
1482+ <li><a href="#migration-dropped">What's removed</a></li>
1483+ <li><a href="#migration-notes">Additional notes</a></li>
1484+ </ul>
1485+</li>
1486+<li>
1487+ <a href="#browsers">Browser support</a>
1488+</li>
1489+<li>
1490+ <a href="#third-parties">Third party support</a>
1491+</li>
1492+<li>
1493+ <a href="#accessibility">Accessibility</a>
1494+</li>
1495+<li>
1496+ <a href="#license-faqs">License FAQs</a>
1497+</li>
1498+<li>
1499+ <a href="#customizing">Customizing Bootstrap</a>
1500+</li>
1501
1502=== added file 'addons/web/static/lib/bootstrap/_includes/nav-javascript.html'
1503--- addons/web/static/lib/bootstrap/_includes/nav-javascript.html 1970-01-01 00:00:00 +0000
1504+++ addons/web/static/lib/bootstrap/_includes/nav-javascript.html 2013-11-21 06:05:15 +0000
1505@@ -0,0 +1,88 @@
1506+<li>
1507+ <a href="#js-overview">Overview</a>
1508+ <ul class="nav">
1509+ <li><a href="#js-individual-compiled">Individual or compiled</a></li>
1510+ <li><a href="#js-data-attrs">Data attributes</a></li>
1511+ <li><a href="#js-programmatic-api">Programmatic API</a></li>
1512+ <li><a href="#js-noconflict">No conflict</a></li>
1513+ <li><a href="#js-events">Events</a></li>
1514+ </ul>
1515+</li>
1516+<li><a href="#transitions">Transitions</a></li>
1517+<li>
1518+ <a href="#modals">Modal</a>
1519+ <ul class="nav">
1520+ <li><a href="#modals-examples">Examples</a></li>
1521+ <li><a href="#modals-usage">Usage</a></li>
1522+ </ul>
1523+</li>
1524+<li>
1525+ <a href="#dropdowns">Dropdown</a>
1526+ <ul class="nav">
1527+ <li><a href="#dropdowns-examples">Examples</a></li>
1528+ <li><a href="#dropdowns-usage">Usage</a></li>
1529+ </ul>
1530+</li>
1531+<li>
1532+ <a href="#scrollspy">Scrollspy</a>
1533+ <ul class="nav">
1534+ <li><a href="#scrollspy-examples">Examples</a></li>
1535+ <li><a href="#scrollspy-usage">Usage</a></li>
1536+ </ul>
1537+</li>
1538+<li>
1539+ <a href="#tabs">Tab</a>
1540+ <ul class="nav">
1541+ <li><a href="#tabs-examples">Examples</a></li>
1542+ <li><a href="#tabs-usage">Usage</a></li>
1543+ </ul>
1544+</li>
1545+<li>
1546+ <a href="#tooltips">Tooltip</a>
1547+ <ul class="nav">
1548+ <li><a href="#tooltips-examples">Examples</a></li>
1549+ <li><a href="#tooltips-usage">Usage</a></li>
1550+ </ul>
1551+</li>
1552+<li>
1553+ <a href="#popovers">Popover</a>
1554+ <ul class="nav">
1555+ <li><a href="#popovers-examples">Examples</a></li>
1556+ <li><a href="#popovers-usage">Usage</a></li>
1557+ </ul>
1558+</li>
1559+<li>
1560+ <a href="#alerts">Alert</a>
1561+ <ul class="nav">
1562+ <li><a href="#alerts-examples">Examples</a></li>
1563+ <li><a href="#alerts-usage">Usage</a></li>
1564+ </ul>
1565+</li>
1566+<li>
1567+ <a href="#buttons">Button</a>
1568+ <ul class="nav">
1569+ <li><a href="#buttons-examples">Examples</a></li>
1570+ <li><a href="#buttons-usage">Usage</a></li>
1571+ </ul>
1572+</li>
1573+<li>
1574+ <a href="#collapse">Collapse</a>
1575+ <ul class="nav">
1576+ <li><a href="#collapse-examples">Examples</a></li>
1577+ <li><a href="#collapse-usage">Usage</a></li>
1578+ </ul>
1579+</li>
1580+<li>
1581+ <a href="#carousel">Carousel</a>
1582+ <ul class="nav">
1583+ <li><a href="#carousel-examples">Examples</a></li>
1584+ <li><a href="#carousel-usage">Usage</a></li>
1585+ </ul>
1586+</li>
1587+<li>
1588+ <a href="#affix">Affix</a>
1589+ <ul class="nav">
1590+ <li><a href="#affix-examples">Examples</a></li>
1591+ <li><a href="#affix-usage">Usage</a></li>
1592+ </ul>
1593+</li>
1594
1595=== added file 'addons/web/static/lib/bootstrap/_includes/nav-main.html'
1596--- addons/web/static/lib/bootstrap/_includes/nav-main.html 1970-01-01 00:00:00 +0000
1597+++ addons/web/static/lib/bootstrap/_includes/nav-main.html 2013-11-21 06:05:15 +0000
1598@@ -0,0 +1,37 @@
1599+<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" role="banner">
1600+ <div class="container">
1601+ <div class="navbar-header">
1602+ <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
1603+ <span class="sr-only">Toggle navigation</span>
1604+ <span class="icon-bar"></span>
1605+ <span class="icon-bar"></span>
1606+ <span class="icon-bar"></span>
1607+ </button>
1608+ <a href="{{ page.base_url }}" class="navbar-brand">Bootstrap</a>
1609+ </div>
1610+ <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
1611+ <ul class="nav navbar-nav">
1612+ <li{% if page.slug == "getting-started" %} class="active"{% endif %}>
1613+ <a href="{{ page.base_url }}getting-started">Getting started</a>
1614+ </li>
1615+ <li{% if page.slug == "css" %} class="active"{% endif %}>
1616+ <a href="{{ page.base_url }}css">CSS</a>
1617+ </li>
1618+ <li{% if page.slug == "components" %} class="active"{% endif %}>
1619+ <a href="{{ page.base_url }}components">Components</a>
1620+ </li>
1621+ <li{% if page.slug == "js" %} class="active"{% endif %}>
1622+ <a href="{{ page.base_url }}javascript">JavaScript</a>
1623+ </li>
1624+ <li{% if page.slug == "customize" %} class="active"{% endif %}>
1625+ <a href="{{ page.base_url }}customize">Customize</a>
1626+ </li>
1627+ </ul>
1628+ <ul class="nav navbar-nav navbar-right">
1629+ <li{% if page.slug == "about" %} class="active"{% endif %}>
1630+ <a href="{{ page.base_url }}about">About</a>
1631+ </li>
1632+ </ul>
1633+ </nav>
1634+ </div>
1635+</header>
1636
1637=== added file 'addons/web/static/lib/bootstrap/_includes/old-bs-docs.html'
1638--- addons/web/static/lib/bootstrap/_includes/old-bs-docs.html 1970-01-01 00:00:00 +0000
1639+++ addons/web/static/lib/bootstrap/_includes/old-bs-docs.html 2013-11-21 06:05:15 +0000
1640@@ -0,0 +1,8 @@
1641+<div class="bs-old-docs">
1642+ <div class="container">
1643+ <strong>
1644+ <a href="{{ page.base_url }}2.3.2/">Looking for Bootstrap 2.3.2 docs?</a>
1645+ </strong>
1646+ We've moved it to a new home while we push forward with Bootstrap 3. <a href="http://blog.getbootstrap.com/">Read the blog</a> for details.
1647+ </div>
1648+</div>
1649
1650=== added file 'addons/web/static/lib/bootstrap/_includes/social-buttons.html'
1651--- addons/web/static/lib/bootstrap/_includes/social-buttons.html 1970-01-01 00:00:00 +0000
1652+++ addons/web/static/lib/bootstrap/_includes/social-buttons.html 2013-11-21 06:05:15 +0000
1653@@ -0,0 +1,16 @@
1654+<div class="bs-social">
1655+ <ul class="bs-social-buttons">
1656+ <li>
1657+ <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>
1658+ </li>
1659+ <li>
1660+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=twbs&amp;repo=bootstrap&amp;type=fork&amp;count=true" width="102" height="20" title="Fork on GitHub"></iframe>
1661+ </li>
1662+ <li class="follow-btn">
1663+ <a href="https://twitter.com/twbootstrap" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @twbootstrap</a>
1664+ </li>
1665+ <li class="tweet-btn">
1666+ <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://getbootstrap.com/" data-count="horizontal" data-via="twbootstrap" data-related="mdo:Creator of Twitter Bootstrap">Tweet</a>
1667+ </li>
1668+ </ul>
1669+</div>
1670
1671=== added directory 'addons/web/static/lib/bootstrap/_layouts'
1672=== added file 'addons/web/static/lib/bootstrap/_layouts/default.html'
1673--- addons/web/static/lib/bootstrap/_layouts/default.html 1970-01-01 00:00:00 +0000
1674+++ addons/web/static/lib/bootstrap/_layouts/default.html 2013-11-21 06:05:15 +0000
1675@@ -0,0 +1,79 @@
1676+<!DOCTYPE html>
1677+<html lang="en">
1678+ <head>
1679+ <!-- Meta, title, CSS, favicons, etc. -->
1680+ {% include header.html %}
1681+ </head>
1682+ <body>
1683+ <a class="sr-only" href="#content">Skip to main content</a>
1684+
1685+ <!-- Docs master nav -->
1686+ {% include nav-main.html %}
1687+
1688+ <!-- Docs page layout -->
1689+ <div class="bs-header" id="content">
1690+ <div class="container">
1691+ <h1>{{ page.title }}</h1>
1692+ <p>{{ page.lead }}</p>
1693+ {% include ads.html %}
1694+ </div>
1695+ </div>
1696+
1697+ <!-- Callout for the old docs link -->
1698+ {% include old-bs-docs.html %}
1699+
1700+ <div class="container bs-docs-container">
1701+ <div class="row">
1702+ <div class="col-md-3">
1703+ <div class="bs-sidebar hidden-print" role="complementary">
1704+ <ul class="nav bs-sidenav">
1705+ {% if page.slug == "getting-started" %}
1706+ {% include nav-getting-started.html %}
1707+ {% elsif page.slug == "css" %}
1708+ {% include nav-css.html %}
1709+ {% elsif page.slug == "components" %}
1710+ {% include nav-components.html %}
1711+ {% elsif page.slug == "js" %}
1712+ {% include nav-javascript.html %}
1713+ {% elsif page.slug == "customize" %}
1714+ {% include nav-customize.html %}
1715+ {% elsif page.slug == "about" %}
1716+ {% include nav-about.html %}
1717+ {% endif %}
1718+ </ul>
1719+ </div>
1720+ </div>
1721+ <div class="col-md-9" role="main">
1722+ {{ content }}
1723+ </div>
1724+ </div>
1725+
1726+ </div>
1727+
1728+ <!-- Footer
1729+ ================================================== -->
1730+ <footer class="bs-footer" role="contentinfo">
1731+ <div class="container">
1732+ {% include social-buttons.html %}
1733+
1734+ <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>
1735+ <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
1736+ <ul class="footer-links">
1737+ <li>Currently v{{ site.current_version }}</li>
1738+ <li class="muted">&middot;</li>
1739+ <li><a href="{{ page.base_url }}2.3.2/">Bootstrap 2.3.2 docs</a></li>
1740+ <li class="muted">&middot;</li>
1741+ <li><a href="{{ site.blog }}">Blog</a></li>
1742+ <li class="muted">&middot;</li>
1743+ <li><a href="{{ site.repo }}/issues?state=open">Issues</a></li>
1744+ <li class="muted">&middot;</li>
1745+ <li><a href="{{ site.repo }}/releases">Releases</a></li>
1746+ </ul>
1747+ </div>
1748+ </footer>
1749+
1750+ <!-- JS and analytics only. -->
1751+ {% include footer.html %}
1752+
1753+ </body>
1754+</html>
1755
1756=== added file 'addons/web/static/lib/bootstrap/_layouts/home.html'
1757--- addons/web/static/lib/bootstrap/_layouts/home.html 1970-01-01 00:00:00 +0000
1758+++ addons/web/static/lib/bootstrap/_layouts/home.html 2013-11-21 06:05:15 +0000
1759@@ -0,0 +1,47 @@
1760+<!DOCTYPE html>
1761+<html lang="en">
1762+ <head>
1763+ <!-- Meta, title, CSS, favicons, etc. -->
1764+ {% include header.html %}
1765+ </head>
1766+ <body class="bs-docs-home">
1767+ <a class="sr-only" href="#content">Skip to main content</a>
1768+
1769+ <!-- Docs master nav -->
1770+ {% include nav-main.html %}
1771+
1772+ <!-- Page content of course! -->
1773+ {{ content }}
1774+
1775+ <footer class="container" role="contentinfo">
1776+ {% include ads.html %}
1777+
1778+ {% include social-buttons.html %}
1779+
1780+ <ul class="bs-masthead-links">
1781+ <li class="current-version">
1782+ Currently v{{ site.current_version }}
1783+ </li>
1784+ <li>
1785+ <a href="{{ page.base_url }}2.3.2/">Bootstrap 2.3.2 docs</a>
1786+ </li>
1787+ <li>
1788+ <a href="{{ site.repo }}" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);">GitHub project</a>
1789+ </li>
1790+ <li>
1791+ <a href="{{ page.base_url }}getting-started/#examples" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Examples']);">Examples</a>
1792+ </li>
1793+ <li>
1794+ <a href="{{ site.expo }}" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Expo']);">Expo</a>
1795+ </li>
1796+ <li>
1797+ <a href="{{ site.blog }}" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Blog']);">Blog</a>
1798+ </li>
1799+ </ul>
1800+ </footer>
1801+
1802+ <!-- JS and analytics only. -->
1803+ {% include footer.html %}
1804+
1805+ </body>
1806+</html>
1807
1808=== added file 'addons/web/static/lib/bootstrap/about.html'
1809--- addons/web/static/lib/bootstrap/about.html 1970-01-01 00:00:00 +0000
1810+++ addons/web/static/lib/bootstrap/about.html 2013-11-21 06:05:15 +0000
1811@@ -0,0 +1,93 @@
1812+---
1813+layout: default
1814+title: About
1815+slug: about
1816+lead: "Learn about the history of Bootstrap, meet the core team, and check out the ever-growing community resources."
1817+base_url: "../"
1818+---
1819+
1820+
1821+<!-- History
1822+================================================== -->
1823+<div class="bs-docs-section">
1824+ <div class="page-header">
1825+ <h1 id="history">History</h1>
1826+ </div>
1827+ <p class="lead">Originally created by a designer and a developer at Twitter, Bootstrap has become one of the most popular front-end frameworks and open source projects in the world.</p>
1828+ <p>Bootstrap was created at Twitter in mid-2010 by <a href="https://twitter.com/mdo">@mdo</a> and <a href="https://twitter.com/fat">@fat</a>. Prior to being an open-sourced framework, Bootstrap was known as <em>Twitter Blueprint</em>. A few months into development, Twitter held its <a href="https://blog.twitter.com/2010/hack-week">first Hack Week</a> and the project exploded as developers of all skill levels jumped in without any external guidance. It served as the style guide for internal tools development at the company for over a year before its public release, and continues to do so today.</p>
1829+ <p>Originally <a href="https://dev.twitter.com/blog/bootstrap-twitter">released</a> on <a href="https://twitter.com/mdo/statuses/104620039650557952"><time datetime="2011-08-19 11:25">Friday, August 19, 2011</time></a>, we've since had over <a href="https://github.com/twbs/bootstrap/releases">twenty releases</a>, including two major rewrites with v2 and v3. With Bootstrap 2, we added responsive functionality to the entire framework as an optional stylesheet. Building on that with Bootstrap 3, we rewrote the library once more to make it responsive by default with a mobile first approach.</p>
1830+</div>
1831+
1832+
1833+<!-- Team
1834+================================================== -->
1835+<div class="bs-docs-section">
1836+ <div class="page-header">
1837+ <h1 id="team">Core team</h1>
1838+ </div>
1839+ <p class="lead">Bootstrap is maintained by the founding team and a small group of invaluable core contributors, with the massive support and involvement of our community.</p>
1840+ <div class="list-group bs-team">
1841+ <div class="list-group-item">
1842+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=mdo&amp;type=follow"></iframe>
1843+ <a class="team-member" href="https://github.com/mdo">
1844+ <img src="http://www.gravatar.com/avatar/bc4ab438f7a4ce1c406aadc688427f2c" alt="@mdo">
1845+ <strong>Mark Otto</strong> <small>@mdo</small>
1846+ </a>
1847+ </div>
1848+ <div class="list-group-item">
1849+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=fat&amp;type=follow"></iframe>
1850+ <a class="team-member" href="https://github.com/fat">
1851+ <img src="http://www.gravatar.com/avatar/a98244cbdacaf1c0b55499466002f7a8" alt="@fat">
1852+ <strong>Jacob Thornton</strong> <small>@fat</small>
1853+ </a>
1854+ </div>
1855+ <div class="list-group-item">
1856+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=cvrebert&amp;type=follow"></iframe>
1857+ <a class="team-member" href="https://github.com/cvrebert">
1858+ <img src="http://www.gravatar.com/avatar/edec428c425453955f770095a7d26c50" alt="@cvrebert">
1859+ <strong>Chris Rebert</strong> <small>@cvrebert</small>
1860+ </a>
1861+ </div>
1862+ <div class="list-group-item">
1863+ <iframe class="github-btn" src="http://ghbtns.com/github-btn.html?user=juthilo&amp;type=follow"></iframe>
1864+ <a class="team-member" href="https://github.com/juthilo">
1865+ <img src="http://www.gravatar.com/avatar/0f7dd3ce58a416be5685ea6194f82b11" alt="@juthilo">
1866+ <strong>Julian Thilo</strong> <small>@juthilo</small>
1867+ </a>
1868+ </div>
1869+ </div>
1870+ <p>Get involved with Bootstrap development by <a href="https://github.com/twbs/bootstrap/issues/new">opening an issue</a> or submitting a pull request. Read our <a href="https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md">contributing guidelines</a> for information on how we develop.</p>
1871+</div>
1872+
1873+
1874+<!-- Community
1875+================================================== -->
1876+<div class="bs-docs-section">
1877+ <div class="page-header">
1878+ <h1 id="community">Community</h1>
1879+ </div>
1880+ <p class="lead">Stay up to date on the development of Bootstrap and reach out to the community with these helpful resources.</p>
1881+ <ul>
1882+ <li>Read and subscribe to <a href="http://blog.getbootstrap.com/">The Official Bootstrap Blog</a>.</li>
1883+ <li>Have a question that's not a feature request or bug report? <a href="http://groups.google.com/group/twitter-bootstrap">Ask on the mailing list.</a></li>
1884+ <li>Chat with fellow Bootstrappers using IRC in the <code>irc.freenode.net</code> server, in the <a href="irc://irc.freenode.net/#twitter-bootstrap">##twitter-bootstrap channel</a>.</li>
1885+ <li>Find inspiring examples of people building with Bootstrap at the <a href="http://expo.getbootstrap.com">Bootstrap Expo</a>.</li>
1886+ </ul>
1887+ <p>You can also follow <a href="https://twitter.com/twbootstrap">@twbootstrap on Twitter</a> for the latest gossip and awesome music videos.</p>
1888+</div>
1889+
1890+
1891+<!-- Translations
1892+================================================== -->
1893+<div class="bs-docs-section">
1894+ <div class="page-header">
1895+ <h1 id="translations">Translations</h1>
1896+ </div>
1897+ <p class="lead">Community members have translated Bootstrap's documentation into various langauges. None are officially supported and may not always be up to date.</p>
1898+ <ul>
1899+ <li><a href="http://v3.bootcss.com/">Bootstrap 中文文档 (Chinese)</a></li>
1900+ <li><a href="http://www.oneskyapp.com/docs/bootstrap/ru">Bootstrap по-русски (Russian)</a></li>
1901+ <li><a href="http://www.oneskyapp.com/docs/bootstrap/es">Bootstrap en Español (Spanish)</a></li>
1902+ </ul>
1903+ <p>Have another language to add, or perhaps a different or better translation? Let us know by <a href="https://github.com/twbs/bootstrap/issues/new">opening an issue</a>.</p>
1904+</div>
1905
1906=== added file 'addons/web/static/lib/bootstrap/bower.json'
1907--- addons/web/static/lib/bootstrap/bower.json 1970-01-01 00:00:00 +0000
1908+++ addons/web/static/lib/bootstrap/bower.json 2013-11-21 06:05:15 +0000
1909@@ -0,0 +1,11 @@
1910+{
1911+ "name": "bootstrap",
1912+ "version": "3.0.1",
1913+ "main": ["./dist/js/bootstrap.js", "./dist/css/bootstrap.css", "./dist/fonts/*"],
1914+ "ignore": [
1915+ "**/.*"
1916+ ],
1917+ "dependencies": {
1918+ "jquery": ">= 1.9.0"
1919+ }
1920+}
1921
1922=== added file 'addons/web/static/lib/bootstrap/browserstack.json'
1923--- addons/web/static/lib/bootstrap/browserstack.json 1970-01-01 00:00:00 +0000
1924+++ addons/web/static/lib/bootstrap/browserstack.json 2013-11-21 06:05:15 +0000
1925@@ -0,0 +1,37 @@
1926+{
1927+ "username": "--secure--",
1928+ "key": "--secure--",
1929+ "test_path": "js/tests/index.html",
1930+ "browsers": [
1931+ {
1932+ "browser": "firefox",
1933+ "browser_version": "latest",
1934+ "os": "OS X",
1935+ "os_version": "Mountain Lion"
1936+ },
1937+ {
1938+ "browser": "safari",
1939+ "browser_version": "latest",
1940+ "os": "OS X",
1941+ "os_version": "Mountain Lion"
1942+ },
1943+ {
1944+ "browser": "chrome",
1945+ "browser_version": "latest",
1946+ "os": "OS X",
1947+ "os_version": "Mountain Lion"
1948+ },
1949+ {
1950+ "browser": "firefox",
1951+ "browser_version": "latest",
1952+ "os": "Windows",
1953+ "os_version": "7"
1954+ },
1955+ {
1956+ "browser": "chrome",
1957+ "browser_version": "latest",
1958+ "os": "Windows",
1959+ "os_version": "7"
1960+ }
1961+ ]
1962+}
1963
1964=== added file 'addons/web/static/lib/bootstrap/components.html'
1965--- addons/web/static/lib/bootstrap/components.html 1970-01-01 00:00:00 +0000
1966+++ addons/web/static/lib/bootstrap/components.html 2013-11-21 06:05:15 +0000
1967@@ -0,0 +1,3689 @@
1968+---
1969+layout: default
1970+title: Components
1971+slug: components
1972+lead: "Over a dozen reusable components built to provide iconography, dropdowns, navigation, alerts, popovers, and much more."
1973+base_url: "../"
1974+---
1975+
1976+
1977+ <!-- Glyphicons
1978+ ================================================== -->
1979+ <div class="bs-docs-section">
1980+ <div class="page-header">
1981+ <h1 id="glyphicons">Glyphicons</h1>
1982+ </div>
1983+
1984+ <h2 id="glyphicons-glyphs">Available glyphs</h2>
1985+ <p>Includes 200 glyphs in font format from the Glyphicon Halflings set. <a href="http://glyphicons.com/">Glyphicons</a> Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you to include a link back to <a href="http://glyphicons.com/">Glyphicons</a> whenever possible.</p>
1986+ <ul class="bs-glyphicons">
1987+ <li>
1988+ <span class="glyphicon glyphicon-adjust"></span>
1989+ <span class="glyphicon-class">.glyphicon .glyphicon-adjust</span>
1990+ </li>
1991+ <li>
1992+ <span class="glyphicon glyphicon-align-center"></span>
1993+ <span class="glyphicon-class">.glyphicon .glyphicon-align-center</span>
1994+ </li>
1995+ <li>
1996+ <span class="glyphicon glyphicon-align-justify"></span>
1997+ <span class="glyphicon-class">.glyphicon .glyphicon-align-justify</span>
1998+ </li>
1999+ <li>
2000+ <span class="glyphicon glyphicon-align-left"></span>
2001+ <span class="glyphicon-class">.glyphicon .glyphicon-align-left</span>
2002+ </li>
2003+ <li>
2004+ <span class="glyphicon glyphicon-align-right"></span>
2005+ <span class="glyphicon-class">.glyphicon .glyphicon-align-right</span>
2006+ </li>
2007+ <li>
2008+ <span class="glyphicon glyphicon-arrow-down"></span>
2009+ <span class="glyphicon-class">.glyphicon .glyphicon-arrow-down</span>
2010+ </li>
2011+ <li>
2012+ <span class="glyphicon glyphicon-arrow-left"></span>
2013+ <span class="glyphicon-class">.glyphicon .glyphicon-arrow-left</span>
2014+ </li>
2015+ <li>
2016+ <span class="glyphicon glyphicon-arrow-right"></span>
2017+ <span class="glyphicon-class">.glyphicon .glyphicon-arrow-right</span>
2018+ </li>
2019+ <li>
2020+ <span class="glyphicon glyphicon-arrow-up"></span>
2021+ <span class="glyphicon-class">.glyphicon .glyphicon-arrow-up</span>
2022+ </li>
2023+ <li>
2024+ <span class="glyphicon glyphicon-asterisk"></span>
2025+ <span class="glyphicon-class">.glyphicon .glyphicon-asterisk</span>
2026+ </li>
2027+ <li>
2028+ <span class="glyphicon glyphicon-backward"></span>
2029+ <span class="glyphicon-class">.glyphicon .glyphicon-backward</span>
2030+ </li>
2031+ <li>
2032+ <span class="glyphicon glyphicon-ban-circle"></span>
2033+ <span class="glyphicon-class">.glyphicon .glyphicon-ban-circle</span>
2034+ </li>
2035+ <li>
2036+ <span class="glyphicon glyphicon-barcode"></span>
2037+ <span class="glyphicon-class">.glyphicon .glyphicon-barcode</span>
2038+ </li>
2039+ <li>
2040+ <span class="glyphicon glyphicon-bell"></span>
2041+ <span class="glyphicon-class">.glyphicon .glyphicon-bell</span>
2042+ </li>
2043+ <li>
2044+ <span class="glyphicon glyphicon-bold"></span>
2045+ <span class="glyphicon-class">.glyphicon .glyphicon-bold</span>
2046+ </li>
2047+ <li>
2048+ <span class="glyphicon glyphicon-book"></span>
2049+ <span class="glyphicon-class">.glyphicon .glyphicon-book</span>
2050+ </li>
2051+ <li>
2052+ <span class="glyphicon glyphicon-bookmark"></span>
2053+ <span class="glyphicon-class">.glyphicon .glyphicon-bookmark</span>
2054+ </li>
2055+ <li>
2056+ <span class="glyphicon glyphicon-briefcase"></span>
2057+ <span class="glyphicon-class">.glyphicon .glyphicon-briefcase</span>
2058+ </li>
2059+ <li>
2060+ <span class="glyphicon glyphicon-bullhorn"></span>
2061+ <span class="glyphicon-class">.glyphicon .glyphicon-bullhorn</span>
2062+ </li>
2063+ <li>
2064+ <span class="glyphicon glyphicon-calendar"></span>
2065+ <span class="glyphicon-class">.glyphicon .glyphicon-calendar</span>
2066+ </li>
2067+ <li>
2068+ <span class="glyphicon glyphicon-camera"></span>
2069+ <span class="glyphicon-class">.glyphicon .glyphicon-camera</span>
2070+ </li>
2071+ <li>
2072+ <span class="glyphicon glyphicon-certificate"></span>
2073+ <span class="glyphicon-class">.glyphicon .glyphicon-certificate</span>
2074+ </li>
2075+ <li>
2076+ <span class="glyphicon glyphicon-check"></span>
2077+ <span class="glyphicon-class">.glyphicon .glyphicon-check</span>
2078+ </li>
2079+ <li>
2080+ <span class="glyphicon glyphicon-chevron-down"></span>
2081+ <span class="glyphicon-class">.glyphicon .glyphicon-chevron-down</span>
2082+ </li>
2083+ <li>
2084+ <span class="glyphicon glyphicon-chevron-left"></span>
2085+ <span class="glyphicon-class">.glyphicon .glyphicon-chevron-left</span>
2086+ </li>
2087+ <li>
2088+ <span class="glyphicon glyphicon-chevron-right"></span>
2089+ <span class="glyphicon-class">.glyphicon .glyphicon-chevron-right</span>
2090+ </li>
2091+ <li>
2092+ <span class="glyphicon glyphicon-chevron-up"></span>
2093+ <span class="glyphicon-class">.glyphicon .glyphicon-chevron-up</span>
2094+ </li>
2095+ <li>
2096+ <span class="glyphicon glyphicon-circle-arrow-down"></span>
2097+ <span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-down</span>
2098+ </li>
2099+ <li>
2100+ <span class="glyphicon glyphicon-circle-arrow-left"></span>
2101+ <span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-left</span>
2102+ </li>
2103+ <li>
2104+ <span class="glyphicon glyphicon-circle-arrow-right"></span>
2105+ <span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-right</span>
2106+ </li>
2107+ <li>
2108+ <span class="glyphicon glyphicon-circle-arrow-up"></span>
2109+ <span class="glyphicon-class">.glyphicon .glyphicon-circle-arrow-up</span>
2110+ </li>
2111+ <li>
2112+ <span class="glyphicon glyphicon-cloud"></span>
2113+ <span class="glyphicon-class">.glyphicon .glyphicon-cloud</span>
2114+ </li>
2115+ <li>
2116+ <span class="glyphicon glyphicon-cloud-download"></span>
2117+ <span class="glyphicon-class">.glyphicon .glyphicon-cloud-download</span>
2118+ </li>
2119+ <li>
2120+ <span class="glyphicon glyphicon-cloud-upload"></span>
2121+ <span class="glyphicon-class">.glyphicon .glyphicon-cloud-upload</span>
2122+ </li>
2123+ <li>
2124+ <span class="glyphicon glyphicon-cog"></span>
2125+ <span class="glyphicon-class">.glyphicon .glyphicon-cog</span>
2126+ </li>
2127+ <li>
2128+ <span class="glyphicon glyphicon-collapse-down"></span>
2129+ <span class="glyphicon-class">.glyphicon .glyphicon-collapse-down</span>
2130+ </li>
2131+ <li>
2132+ <span class="glyphicon glyphicon-collapse-up"></span>
2133+ <span class="glyphicon-class">.glyphicon .glyphicon-collapse-up</span>
2134+ </li>
2135+ <li>
2136+ <span class="glyphicon glyphicon-comment"></span>
2137+ <span class="glyphicon-class">.glyphicon .glyphicon-comment</span>
2138+ </li>
2139+ <li>
2140+ <span class="glyphicon glyphicon-compressed"></span>
2141+ <span class="glyphicon-class">.glyphicon .glyphicon-compressed</span>
2142+ </li>
2143+ <li>
2144+ <span class="glyphicon glyphicon-copyright-mark"></span>
2145+ <span class="glyphicon-class">.glyphicon .glyphicon-copyright-mark</span>
2146+ </li>
2147+ <li>
2148+ <span class="glyphicon glyphicon-credit-card"></span>
2149+ <span class="glyphicon-class">.glyphicon .glyphicon-credit-card</span>
2150+ </li>
2151+ <li>
2152+ <span class="glyphicon glyphicon-cutlery"></span>
2153+ <span class="glyphicon-class">.glyphicon .glyphicon-cutlery</span>
2154+ </li>
2155+ <li>
2156+ <span class="glyphicon glyphicon-dashboard"></span>
2157+ <span class="glyphicon-class">.glyphicon .glyphicon-dashboard</span>
2158+ </li>
2159+ <li>
2160+ <span class="glyphicon glyphicon-download"></span>
2161+ <span class="glyphicon-class">.glyphicon .glyphicon-download</span>
2162+ </li>
2163+ <li>
2164+ <span class="glyphicon glyphicon-download-alt"></span>
2165+ <span class="glyphicon-class">.glyphicon .glyphicon-download-alt</span>
2166+ </li>
2167+ <li>
2168+ <span class="glyphicon glyphicon-earphone"></span>
2169+ <span class="glyphicon-class">.glyphicon .glyphicon-earphone</span>
2170+ </li>
2171+ <li>
2172+ <span class="glyphicon glyphicon-edit"></span>
2173+ <span class="glyphicon-class">.glyphicon .glyphicon-edit</span>
2174+ </li>
2175+ <li>
2176+ <span class="glyphicon glyphicon-eject"></span>
2177+ <span class="glyphicon-class">.glyphicon .glyphicon-eject</span>
2178+ </li>
2179+ <li>
2180+ <span class="glyphicon glyphicon-envelope"></span>
2181+ <span class="glyphicon-class">.glyphicon .glyphicon-envelope</span>
2182+ </li>
2183+ <li>
2184+ <span class="glyphicon glyphicon-euro"></span>
2185+ <span class="glyphicon-class">.glyphicon .glyphicon-euro</span>
2186+ </li>
2187+ <li>
2188+ <span class="glyphicon glyphicon-exclamation-sign"></span>
2189+ <span class="glyphicon-class">.glyphicon .glyphicon-exclamation-sign</span>
2190+ </li>
2191+ <li>
2192+ <span class="glyphicon glyphicon-expand"></span>
2193+ <span class="glyphicon-class">.glyphicon .glyphicon-expand</span>
2194+ </li>
2195+ <li>
2196+ <span class="glyphicon glyphicon-export"></span>
2197+ <span class="glyphicon-class">.glyphicon .glyphicon-export</span>
2198+ </li>
2199+ <li>
2200+ <span class="glyphicon glyphicon-eye-close"></span>
2201+ <span class="glyphicon-class">.glyphicon .glyphicon-eye-close</span>
2202+ </li>
2203+ <li>
2204+ <span class="glyphicon glyphicon-eye-open"></span>
2205+ <span class="glyphicon-class">.glyphicon .glyphicon-eye-open</span>
2206+ </li>
2207+ <li>
2208+ <span class="glyphicon glyphicon-facetime-video"></span>
2209+ <span class="glyphicon-class">.glyphicon .glyphicon-facetime-video</span>
2210+ </li>
2211+ <li>
2212+ <span class="glyphicon glyphicon-fast-backward"></span>
2213+ <span class="glyphicon-class">.glyphicon .glyphicon-fast-backward</span>
2214+ </li>
2215+ <li>
2216+ <span class="glyphicon glyphicon-fast-forward"></span>
2217+ <span class="glyphicon-class">.glyphicon .glyphicon-fast-forward</span>
2218+ </li>
2219+ <li>
2220+ <span class="glyphicon glyphicon-file"></span>
2221+ <span class="glyphicon-class">.glyphicon .glyphicon-file</span>
2222+ </li>
2223+ <li>
2224+ <span class="glyphicon glyphicon-film"></span>
2225+ <span class="glyphicon-class">.glyphicon .glyphicon-film</span>
2226+ </li>
2227+ <li>
2228+ <span class="glyphicon glyphicon-filter"></span>
2229+ <span class="glyphicon-class">.glyphicon .glyphicon-filter</span>
2230+ </li>
2231+ <li>
2232+ <span class="glyphicon glyphicon-fire"></span>
2233+ <span class="glyphicon-class">.glyphicon .glyphicon-fire</span>
2234+ </li>
2235+ <li>
2236+ <span class="glyphicon glyphicon-flag"></span>
2237+ <span class="glyphicon-class">.glyphicon .glyphicon-flag</span>
2238+ </li>
2239+ <li>
2240+ <span class="glyphicon glyphicon-flash"></span>
2241+ <span class="glyphicon-class">.glyphicon .glyphicon-flash</span>
2242+ </li>
2243+ <li>
2244+ <span class="glyphicon glyphicon-floppy-disk"></span>
2245+ <span class="glyphicon-class">.glyphicon .glyphicon-floppy-disk</span>
2246+ </li>
2247+ <li>
2248+ <span class="glyphicon glyphicon-floppy-open"></span>
2249+ <span class="glyphicon-class">.glyphicon .glyphicon-floppy-open</span>
2250+ </li>
2251+ <li>
2252+ <span class="glyphicon glyphicon-floppy-remove"></span>
2253+ <span class="glyphicon-class">.glyphicon .glyphicon-floppy-remove</span>
2254+ </li>
2255+ <li>
2256+ <span class="glyphicon glyphicon-floppy-save"></span>
2257+ <span class="glyphicon-class">.glyphicon .glyphicon-floppy-save</span>
2258+ </li>
2259+ <li>
2260+ <span class="glyphicon glyphicon-floppy-saved"></span>
2261+ <span class="glyphicon-class">.glyphicon .glyphicon-floppy-saved</span>
2262+ </li>
2263+ <li>
2264+ <span class="glyphicon glyphicon-folder-close"></span>
2265+ <span class="glyphicon-class">.glyphicon .glyphicon-folder-close</span>
2266+ </li>
2267+ <li>
2268+ <span class="glyphicon glyphicon-folder-open"></span>
2269+ <span class="glyphicon-class">.glyphicon .glyphicon-folder-open</span>
2270+ </li>
2271+ <li>
2272+ <span class="glyphicon glyphicon-font"></span>
2273+ <span class="glyphicon-class">.glyphicon .glyphicon-font</span>
2274+ </li>
2275+ <li>
2276+ <span class="glyphicon glyphicon-forward"></span>
2277+ <span class="glyphicon-class">.glyphicon .glyphicon-forward</span>
2278+ </li>
2279+ <li>
2280+ <span class="glyphicon glyphicon-fullscreen"></span>
2281+ <span class="glyphicon-class">.glyphicon .glyphicon-fullscreen</span>
2282+ </li>
2283+ <li>
2284+ <span class="glyphicon glyphicon-gbp"></span>
2285+ <span class="glyphicon-class">.glyphicon .glyphicon-gbp</span>
2286+ </li>
2287+ <li>
2288+ <span class="glyphicon glyphicon-gift"></span>
2289+ <span class="glyphicon-class">.glyphicon .glyphicon-gift</span>
2290+ </li>
2291+ <li>
2292+ <span class="glyphicon glyphicon-glass"></span>
2293+ <span class="glyphicon-class">.glyphicon .glyphicon-glass</span>
2294+ </li>
2295+ <li>
2296+ <span class="glyphicon glyphicon-globe"></span>
2297+ <span class="glyphicon-class">.glyphicon .glyphicon-globe</span>
2298+ </li>
2299+ <li>
2300+ <span class="glyphicon glyphicon-hand-down"></span>
2301+ <span class="glyphicon-class">.glyphicon .glyphicon-hand-down</span>
2302+ </li>
2303+ <li>
2304+ <span class="glyphicon glyphicon-hand-left"></span>
2305+ <span class="glyphicon-class">.glyphicon .glyphicon-hand-left</span>
2306+ </li>
2307+ <li>
2308+ <span class="glyphicon glyphicon-hand-right"></span>
2309+ <span class="glyphicon-class">.glyphicon .glyphicon-hand-right</span>
2310+ </li>
2311+ <li>
2312+ <span class="glyphicon glyphicon-hand-up"></span>
2313+ <span class="glyphicon-class">.glyphicon .glyphicon-hand-up</span>
2314+ </li>
2315+ <li>
2316+ <span class="glyphicon glyphicon-hd-video"></span>
2317+ <span class="glyphicon-class">.glyphicon .glyphicon-hd-video</span>
2318+ </li>
2319+ <li>
2320+ <span class="glyphicon glyphicon-hdd"></span>
2321+ <span class="glyphicon-class">.glyphicon .glyphicon-hdd</span>
2322+ </li>
2323+ <li>
2324+ <span class="glyphicon glyphicon-header"></span>
2325+ <span class="glyphicon-class">.glyphicon .glyphicon-header</span>
2326+ </li>
2327+ <li>
2328+ <span class="glyphicon glyphicon-headphones"></span>
2329+ <span class="glyphicon-class">.glyphicon .glyphicon-headphones</span>
2330+ </li>
2331+ <li>
2332+ <span class="glyphicon glyphicon-heart"></span>
2333+ <span class="glyphicon-class">.glyphicon .glyphicon-heart</span>
2334+ </li>
2335+ <li>
2336+ <span class="glyphicon glyphicon-heart-empty"></span>
2337+ <span class="glyphicon-class">.glyphicon .glyphicon-heart-empty</span>
2338+ </li>
2339+ <li>
2340+ <span class="glyphicon glyphicon-home"></span>
2341+ <span class="glyphicon-class">.glyphicon .glyphicon-home</span>
2342+ </li>
2343+ <li>
2344+ <span class="glyphicon glyphicon-import"></span>
2345+ <span class="glyphicon-class">.glyphicon .glyphicon-import</span>
2346+ </li>
2347+ <li>
2348+ <span class="glyphicon glyphicon-inbox"></span>
2349+ <span class="glyphicon-class">.glyphicon .glyphicon-inbox</span>
2350+ </li>
2351+ <li>
2352+ <span class="glyphicon glyphicon-indent-left"></span>
2353+ <span class="glyphicon-class">.glyphicon .glyphicon-indent-left</span>
2354+ </li>
2355+ <li>
2356+ <span class="glyphicon glyphicon-indent-right"></span>
2357+ <span class="glyphicon-class">.glyphicon .glyphicon-indent-right</span>
2358+ </li>
2359+ <li>
2360+ <span class="glyphicon glyphicon-info-sign"></span>
2361+ <span class="glyphicon-class">.glyphicon .glyphicon-info-sign</span>
2362+ </li>
2363+ <li>
2364+ <span class="glyphicon glyphicon-italic"></span>
2365+ <span class="glyphicon-class">.glyphicon .glyphicon-italic</span>
2366+ </li>
2367+ <li>
2368+ <span class="glyphicon glyphicon-leaf"></span>
2369+ <span class="glyphicon-class">.glyphicon .glyphicon-leaf</span>
2370+ </li>
2371+ <li>
2372+ <span class="glyphicon glyphicon-link"></span>
2373+ <span class="glyphicon-class">.glyphicon .glyphicon-link</span>
2374+ </li>
2375+ <li>
2376+ <span class="glyphicon glyphicon-list"></span>
2377+ <span class="glyphicon-class">.glyphicon .glyphicon-list</span>
2378+ </li>
2379+ <li>
2380+ <span class="glyphicon glyphicon-list-alt"></span>
2381+ <span class="glyphicon-class">.glyphicon .glyphicon-list-alt</span>
2382+ </li>
2383+ <li>
2384+ <span class="glyphicon glyphicon-lock"></span>
2385+ <span class="glyphicon-class">.glyphicon .glyphicon-lock</span>
2386+ </li>
2387+ <li>
2388+ <span class="glyphicon glyphicon-log-in"></span>
2389+ <span class="glyphicon-class">.glyphicon .glyphicon-log-in</span>
2390+ </li>
2391+ <li>
2392+ <span class="glyphicon glyphicon-log-out"></span>
2393+ <span class="glyphicon-class">.glyphicon .glyphicon-log-out</span>
2394+ </li>
2395+ <li>
2396+ <span class="glyphicon glyphicon-magnet"></span>
2397+ <span class="glyphicon-class">.glyphicon .glyphicon-magnet</span>
2398+ </li>
2399+ <li>
2400+ <span class="glyphicon glyphicon-map-marker"></span>
2401+ <span class="glyphicon-class">.glyphicon .glyphicon-map-marker</span>
2402+ </li>
2403+ <li>
2404+ <span class="glyphicon glyphicon-minus"></span>
2405+ <span class="glyphicon-class">.glyphicon .glyphicon-minus</span>
2406+ </li>
2407+ <li>
2408+ <span class="glyphicon glyphicon-minus-sign"></span>
2409+ <span class="glyphicon-class">.glyphicon .glyphicon-minus-sign</span>
2410+ </li>
2411+ <li>
2412+ <span class="glyphicon glyphicon-move"></span>
2413+ <span class="glyphicon-class">.glyphicon .glyphicon-move</span>
2414+ </li>
2415+ <li>
2416+ <span class="glyphicon glyphicon-music"></span>
2417+ <span class="glyphicon-class">.glyphicon .glyphicon-music</span>
2418+ </li>
2419+ <li>
2420+ <span class="glyphicon glyphicon-new-window"></span>
2421+ <span class="glyphicon-class">.glyphicon .glyphicon-new-window</span>
2422+ </li>
2423+ <li>
2424+ <span class="glyphicon glyphicon-off"></span>
2425+ <span class="glyphicon-class">.glyphicon .glyphicon-off</span>
2426+ </li>
2427+ <li>
2428+ <span class="glyphicon glyphicon-ok"></span>
2429+ <span class="glyphicon-class">.glyphicon .glyphicon-ok</span>
2430+ </li>
2431+ <li>
2432+ <span class="glyphicon glyphicon-ok-circle"></span>
2433+ <span class="glyphicon-class">.glyphicon .glyphicon-ok-circle</span>
2434+ </li>
2435+ <li>
2436+ <span class="glyphicon glyphicon-ok-sign"></span>
2437+ <span class="glyphicon-class">.glyphicon .glyphicon-ok-sign</span>
2438+ </li>
2439+ <li>
2440+ <span class="glyphicon glyphicon-open"></span>
2441+ <span class="glyphicon-class">.glyphicon .glyphicon-open</span>
2442+ </li>
2443+ <li>
2444+ <span class="glyphicon glyphicon-paperclip"></span>
2445+ <span class="glyphicon-class">.glyphicon .glyphicon-paperclip</span>
2446+ </li>
2447+ <li>
2448+ <span class="glyphicon glyphicon-pause"></span>
2449+ <span class="glyphicon-class">.glyphicon .glyphicon-pause</span>
2450+ </li>
2451+ <li>
2452+ <span class="glyphicon glyphicon-pencil"></span>
2453+ <span class="glyphicon-class">.glyphicon .glyphicon-pencil</span>
2454+ </li>
2455+ <li>
2456+ <span class="glyphicon glyphicon-phone"></span>
2457+ <span class="glyphicon-class">.glyphicon .glyphicon-phone</span>
2458+ </li>
2459+ <li>
2460+ <span class="glyphicon glyphicon-phone-alt"></span>
2461+ <span class="glyphicon-class">.glyphicon .glyphicon-phone-alt</span>
2462+ </li>
2463+ <li>
2464+ <span class="glyphicon glyphicon-picture"></span>
2465+ <span class="glyphicon-class">.glyphicon .glyphicon-picture</span>
2466+ </li>
2467+ <li>
2468+ <span class="glyphicon glyphicon-plane"></span>
2469+ <span class="glyphicon-class">.glyphicon .glyphicon-plane</span>
2470+ </li>
2471+ <li>
2472+ <span class="glyphicon glyphicon-play"></span>
2473+ <span class="glyphicon-class">.glyphicon .glyphicon-play</span>
2474+ </li>
2475+ <li>
2476+ <span class="glyphicon glyphicon-play-circle"></span>
2477+ <span class="glyphicon-class">.glyphicon .glyphicon-play-circle</span>
2478+ </li>
2479+ <li>
2480+ <span class="glyphicon glyphicon-plus"></span>
2481+ <span class="glyphicon-class">.glyphicon .glyphicon-plus</span>
2482+ </li>
2483+ <li>
2484+ <span class="glyphicon glyphicon-plus-sign"></span>
2485+ <span class="glyphicon-class">.glyphicon .glyphicon-plus-sign</span>
2486+ </li>
2487+ <li>
2488+ <span class="glyphicon glyphicon-print"></span>
2489+ <span class="glyphicon-class">.glyphicon .glyphicon-print</span>
2490+ </li>
2491+ <li>
2492+ <span class="glyphicon glyphicon-pushpin"></span>
2493+ <span class="glyphicon-class">.glyphicon .glyphicon-pushpin</span>
2494+ </li>
2495+ <li>
2496+ <span class="glyphicon glyphicon-qrcode"></span>
2497+ <span class="glyphicon-class">.glyphicon .glyphicon-qrcode</span>
2498+ </li>
2499+ <li>
2500+ <span class="glyphicon glyphicon-question-sign"></span>
2501+ <span class="glyphicon-class">.glyphicon .glyphicon-question-sign</span>
2502+ </li>
2503+ <li>
2504+ <span class="glyphicon glyphicon-random"></span>
2505+ <span class="glyphicon-class">.glyphicon .glyphicon-random</span>
2506+ </li>
2507+ <li>
2508+ <span class="glyphicon glyphicon-record"></span>
2509+ <span class="glyphicon-class">.glyphicon .glyphicon-record</span>
2510+ </li>
2511+ <li>
2512+ <span class="glyphicon glyphicon-refresh"></span>
2513+ <span class="glyphicon-class">.glyphicon .glyphicon-refresh</span>
2514+ </li>
2515+ <li>
2516+ <span class="glyphicon glyphicon-registration-mark"></span>
2517+ <span class="glyphicon-class">.glyphicon .glyphicon-registration-mark</span>
2518+ </li>
2519+ <li>
2520+ <span class="glyphicon glyphicon-remove"></span>
2521+ <span class="glyphicon-class">.glyphicon .glyphicon-remove</span>
2522+ </li>
2523+ <li>
2524+ <span class="glyphicon glyphicon-remove-circle"></span>
2525+ <span class="glyphicon-class">.glyphicon .glyphicon-remove-circle</span>
2526+ </li>
2527+ <li>
2528+ <span class="glyphicon glyphicon-remove-sign"></span>
2529+ <span class="glyphicon-class">.glyphicon .glyphicon-remove-sign</span>
2530+ </li>
2531+ <li>
2532+ <span class="glyphicon glyphicon-repeat"></span>
2533+ <span class="glyphicon-class">.glyphicon .glyphicon-repeat</span>
2534+ </li>
2535+ <li>
2536+ <span class="glyphicon glyphicon-resize-full"></span>
2537+ <span class="glyphicon-class">.glyphicon .glyphicon-resize-full</span>
2538+ </li>
2539+ <li>
2540+ <span class="glyphicon glyphicon-resize-horizontal"></span>
2541+ <span class="glyphicon-class">.glyphicon .glyphicon-resize-horizontal</span>
2542+ </li>
2543+ <li>
2544+ <span class="glyphicon glyphicon-resize-small"></span>
2545+ <span class="glyphicon-class">.glyphicon .glyphicon-resize-small</span>
2546+ </li>
2547+ <li>
2548+ <span class="glyphicon glyphicon-resize-vertical"></span>
2549+ <span class="glyphicon-class">.glyphicon .glyphicon-resize-vertical</span>
2550+ </li>
2551+ <li>
2552+ <span class="glyphicon glyphicon-retweet"></span>
2553+ <span class="glyphicon-class">.glyphicon .glyphicon-retweet</span>
2554+ </li>
2555+ <li>
2556+ <span class="glyphicon glyphicon-road"></span>
2557+ <span class="glyphicon-class">.glyphicon .glyphicon-road</span>
2558+ </li>
2559+ <li>
2560+ <span class="glyphicon glyphicon-save"></span>
2561+ <span class="glyphicon-class">.glyphicon .glyphicon-save</span>
2562+ </li>
2563+ <li>
2564+ <span class="glyphicon glyphicon-saved"></span>
2565+ <span class="glyphicon-class">.glyphicon .glyphicon-saved</span>
2566+ </li>
2567+ <li>
2568+ <span class="glyphicon glyphicon-screenshot"></span>
2569+ <span class="glyphicon-class">.glyphicon .glyphicon-screenshot</span>
2570+ </li>
2571+ <li>
2572+ <span class="glyphicon glyphicon-sd-video"></span>
2573+ <span class="glyphicon-class">.glyphicon .glyphicon-sd-video</span>
2574+ </li>
2575+ <li>
2576+ <span class="glyphicon glyphicon-search"></span>
2577+ <span class="glyphicon-class">.glyphicon .glyphicon-search</span>
2578+ </li>
2579+ <li>
2580+ <span class="glyphicon glyphicon-send"></span>
2581+ <span class="glyphicon-class">.glyphicon .glyphicon-send</span>
2582+ </li>
2583+ <li>
2584+ <span class="glyphicon glyphicon-share"></span>
2585+ <span class="glyphicon-class">.glyphicon .glyphicon-share</span>
2586+ </li>
2587+ <li>
2588+ <span class="glyphicon glyphicon-share-alt"></span>
2589+ <span class="glyphicon-class">.glyphicon .glyphicon-share-alt</span>
2590+ </li>
2591+ <li>
2592+ <span class="glyphicon glyphicon-shopping-cart"></span>
2593+ <span class="glyphicon-class">.glyphicon .glyphicon-shopping-cart</span>
2594+ </li>
2595+ <li>
2596+ <span class="glyphicon glyphicon-signal"></span>
2597+ <span class="glyphicon-class">.glyphicon .glyphicon-signal</span>
2598+ </li>
2599+ <li>
2600+ <span class="glyphicon glyphicon-sort"></span>
2601+ <span class="glyphicon-class">.glyphicon .glyphicon-sort</span>
2602+ </li>
2603+ <li>
2604+ <span class="glyphicon glyphicon-sort-by-alphabet"></span>
2605+ <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-alphabet</span>
2606+ </li>
2607+ <li>
2608+ <span class="glyphicon glyphicon-sort-by-alphabet-alt"></span>
2609+ <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-alphabet-alt</span>
2610+ </li>
2611+ <li>
2612+ <span class="glyphicon glyphicon-sort-by-attributes"></span>
2613+ <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-attributes</span>
2614+ </li>
2615+ <li>
2616+ <span class="glyphicon glyphicon-sort-by-attributes-alt"></span>
2617+ <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-attributes-alt</span>
2618+ </li>
2619+ <li>
2620+ <span class="glyphicon glyphicon-sort-by-order"></span>
2621+ <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-order</span>
2622+ </li>
2623+ <li>
2624+ <span class="glyphicon glyphicon-sort-by-order-alt"></span>
2625+ <span class="glyphicon-class">.glyphicon .glyphicon-sort-by-order-alt</span>
2626+ </li>
2627+ <li>
2628+ <span class="glyphicon glyphicon-sound-5-1"></span>
2629+ <span class="glyphicon-class">.glyphicon .glyphicon-sound-5-1</span>
2630+ </li>
2631+ <li>
2632+ <span class="glyphicon glyphicon-sound-6-1"></span>
2633+ <span class="glyphicon-class">.glyphicon .glyphicon-sound-6-1</span>
2634+ </li>
2635+ <li>
2636+ <span class="glyphicon glyphicon-sound-7-1"></span>
2637+ <span class="glyphicon-class">.glyphicon .glyphicon-sound-7-1</span>
2638+ </li>
2639+ <li>
2640+ <span class="glyphicon glyphicon-sound-dolby"></span>
2641+ <span class="glyphicon-class">.glyphicon .glyphicon-sound-dolby</span>
2642+ </li>
2643+ <li>
2644+ <span class="glyphicon glyphicon-sound-stereo"></span>
2645+ <span class="glyphicon-class">.glyphicon .glyphicon-sound-stereo</span>
2646+ </li>
2647+ <li>
2648+ <span class="glyphicon glyphicon-star"></span>
2649+ <span class="glyphicon-class">.glyphicon .glyphicon-star</span>
2650+ </li>
2651+ <li>
2652+ <span class="glyphicon glyphicon-star-empty"></span>
2653+ <span class="glyphicon-class">.glyphicon .glyphicon-star-empty</span>
2654+ </li>
2655+ <li>
2656+ <span class="glyphicon glyphicon-stats"></span>
2657+ <span class="glyphicon-class">.glyphicon .glyphicon-stats</span>
2658+ </li>
2659+ <li>
2660+ <span class="glyphicon glyphicon-step-backward"></span>
2661+ <span class="glyphicon-class">.glyphicon .glyphicon-step-backward</span>
2662+ </li>
2663+ <li>
2664+ <span class="glyphicon glyphicon-step-forward"></span>
2665+ <span class="glyphicon-class">.glyphicon .glyphicon-step-forward</span>
2666+ </li>
2667+ <li>
2668+ <span class="glyphicon glyphicon-stop"></span>
2669+ <span class="glyphicon-class">.glyphicon .glyphicon-stop</span>
2670+ </li>
2671+ <li>
2672+ <span class="glyphicon glyphicon-subtitles"></span>
2673+ <span class="glyphicon-class">.glyphicon .glyphicon-subtitles</span>
2674+ </li>
2675+ <li>
2676+ <span class="glyphicon glyphicon-tag"></span>
2677+ <span class="glyphicon-class">.glyphicon .glyphicon-tag</span>
2678+ </li>
2679+ <li>
2680+ <span class="glyphicon glyphicon-tags"></span>
2681+ <span class="glyphicon-class">.glyphicon .glyphicon-tags</span>
2682+ </li>
2683+ <li>
2684+ <span class="glyphicon glyphicon-tasks"></span>
2685+ <span class="glyphicon-class">.glyphicon .glyphicon-tasks</span>
2686+ </li>
2687+ <li>
2688+ <span class="glyphicon glyphicon-text-height"></span>
2689+ <span class="glyphicon-class">.glyphicon .glyphicon-text-height</span>
2690+ </li>
2691+ <li>
2692+ <span class="glyphicon glyphicon-text-width"></span>
2693+ <span class="glyphicon-class">.glyphicon .glyphicon-text-width</span>
2694+ </li>
2695+ <li>
2696+ <span class="glyphicon glyphicon-th"></span>
2697+ <span class="glyphicon-class">.glyphicon .glyphicon-th</span>
2698+ </li>
2699+ <li>
2700+ <span class="glyphicon glyphicon-th-large"></span>
2701+ <span class="glyphicon-class">.glyphicon .glyphicon-th-large</span>
2702+ </li>
2703+ <li>
2704+ <span class="glyphicon glyphicon-th-list"></span>
2705+ <span class="glyphicon-class">.glyphicon .glyphicon-th-list</span>
2706+ </li>
2707+ <li>
2708+ <span class="glyphicon glyphicon-thumbs-down"></span>
2709+ <span class="glyphicon-class">.glyphicon .glyphicon-thumbs-down</span>
2710+ </li>
2711+ <li>
2712+ <span class="glyphicon glyphicon-thumbs-up"></span>
2713+ <span class="glyphicon-class">.glyphicon .glyphicon-thumbs-up</span>
2714+ </li>
2715+ <li>
2716+ <span class="glyphicon glyphicon-time"></span>
2717+ <span class="glyphicon-class">.glyphicon .glyphicon-time</span>
2718+ </li>
2719+ <li>
2720+ <span class="glyphicon glyphicon-tint"></span>
2721+ <span class="glyphicon-class">.glyphicon .glyphicon-tint</span>
2722+ </li>
2723+ <li>
2724+ <span class="glyphicon glyphicon-tower"></span>
2725+ <span class="glyphicon-class">.glyphicon .glyphicon-tower</span>
2726+ </li>
2727+ <li>
2728+ <span class="glyphicon glyphicon-transfer"></span>
2729+ <span class="glyphicon-class">.glyphicon .glyphicon-transfer</span>
2730+ </li>
2731+ <li>
2732+ <span class="glyphicon glyphicon-trash"></span>
2733+ <span class="glyphicon-class">.glyphicon .glyphicon-trash</span>
2734+ </li>
2735+ <li>
2736+ <span class="glyphicon glyphicon-tree-conifer"></span>
2737+ <span class="glyphicon-class">.glyphicon .glyphicon-tree-conifer</span>
2738+ </li>
2739+ <li>
2740+ <span class="glyphicon glyphicon-tree-deciduous"></span>
2741+ <span class="glyphicon-class">.glyphicon .glyphicon-tree-deciduous</span>
2742+ </li>
2743+ <li>
2744+ <span class="glyphicon glyphicon-unchecked"></span>
2745+ <span class="glyphicon-class">.glyphicon .glyphicon-unchecked</span>
2746+ </li>
2747+ <li>
2748+ <span class="glyphicon glyphicon-upload"></span>
2749+ <span class="glyphicon-class">.glyphicon .glyphicon-upload</span>
2750+ </li>
2751+ <li>
2752+ <span class="glyphicon glyphicon-usd"></span>
2753+ <span class="glyphicon-class">.glyphicon .glyphicon-usd</span>
2754+ </li>
2755+ <li>
2756+ <span class="glyphicon glyphicon-user"></span>
2757+ <span class="glyphicon-class">.glyphicon .glyphicon-user</span>
2758+ </li>
2759+ <li>
2760+ <span class="glyphicon glyphicon-volume-down"></span>
2761+ <span class="glyphicon-class">.glyphicon .glyphicon-volume-down</span>
2762+ </li>
2763+ <li>
2764+ <span class="glyphicon glyphicon-volume-off"></span>
2765+ <span class="glyphicon-class">.glyphicon .glyphicon-volume-off</span>
2766+ </li>
2767+ <li>
2768+ <span class="glyphicon glyphicon-volume-up"></span>
2769+ <span class="glyphicon-class">.glyphicon .glyphicon-volume-up</span>
2770+ </li>
2771+ <li>
2772+ <span class="glyphicon glyphicon-warning-sign"></span>
2773+ <span class="glyphicon-class">.glyphicon .glyphicon-warning-sign</span>
2774+ </li>
2775+ <li>
2776+ <span class="glyphicon glyphicon-wrench"></span>
2777+ <span class="glyphicon-class">.glyphicon .glyphicon-wrench</span>
2778+ </li>
2779+ <li>
2780+ <span class="glyphicon glyphicon-zoom-in"></span>
2781+ <span class="glyphicon-class">.glyphicon .glyphicon-zoom-in</span>
2782+ </li>
2783+ <li>
2784+ <span class="glyphicon glyphicon-zoom-out"></span>
2785+ <span class="glyphicon-class">.glyphicon .glyphicon-zoom-out</span>
2786+ </li>
2787+ </ul>
2788+
2789+
2790+ <h2 id="glyphicons-how-to-use">How to use</h2>
2791+ <p>For performance reasons, all icons require a base class and individual icon class. To use, place the following code just about anywhere. Be sure to leave a space between the icon and text for proper padding.</p>
2792+{% highlight html %}
2793+<span class="glyphicon glyphicon-search"></span>
2794+{% endhighlight %}
2795+
2796+
2797+ <h2 id="glyphicons-examples">Examples</h2>
2798+ <p>Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.</p>
2799+ <div class="bs-example">
2800+ <div class="btn-toolbar" role="toolbar">
2801+ <div class="btn-group">
2802+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-left"></span></button>
2803+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-center"></span></button>
2804+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-right"></span></button>
2805+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-justify"></span></button>
2806+ </div>
2807+ </div>
2808+ <div class="btn-toolbar" role="toolbar">
2809+ <button type="button" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-star"></span> Star</button>
2810+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-star"></span> Star</button>
2811+ <button type="button" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-star"></span> Star</button>
2812+ <button type="button" class="btn btn-default btn-xs"><span class="glyphicon glyphicon-star"></span> Star</button>
2813+ </div>
2814+ </div>
2815+{% highlight html %}
2816+<button type="button" class="btn btn-default btn-lg">
2817+ <span class="glyphicon glyphicon-star"></span> Star
2818+</button>
2819+{% endhighlight %}
2820+
2821+ </div>
2822+
2823+
2824+ <!-- Dropdowns
2825+ ================================================== -->
2826+ <div class="bs-docs-section">
2827+ <div class="page-header">
2828+ <h1 id="dropdowns">Dropdowns</h1>
2829+ </div>
2830+ <p class="lead">Toggleable, contextual menu for displaying lists of links. Made interactive with the <a href="../javascript/#dropdowns">dropdown JavaScript plugin</a>.</p>
2831+
2832+ <h3 id="dropdowns-example">Example</h3>
2833+ <p>Wrap the dropdown's trigger and the dropdown menu within <code>.dropdown</code>, or another element that declares <code>position: relative;</code>. Then add the menu's HTML.</p>
2834+ <div class="bs-example">
2835+ <div class="dropdown clearfix">
2836+ <button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown">
2837+ Dropdown
2838+ <span class="caret"></span>
2839+ </button>
2840+ <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
2841+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
2842+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
2843+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
2844+ <li role="presentation" class="divider"></li>
2845+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
2846+ </ul>
2847+ </div>
2848+ </div><!-- /example -->
2849+{% highlight html %}
2850+<div class="dropdown">
2851+ <button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu1" data-toggle="dropdown">
2852+ Dropdown
2853+ <span class="caret"></span>
2854+ </button>
2855+ <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
2856+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
2857+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
2858+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
2859+ <li role="presentation" class="divider"></li>
2860+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
2861+ </ul>
2862+</div>
2863+{% endhighlight %}
2864+
2865+ <h3 id="dropdowns-alignment">Alignment options</h3>
2866+ <p>Add <code>.pull-right</code> to a <code>.dropdown-menu</code> to right align the dropdown menu.</p>
2867+{% highlight html %}
2868+<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel">
2869+ ...
2870+</ul>
2871+{% endhighlight %}
2872+
2873+ <h3 id="dropdowns-headers">Headers</h3>
2874+ <p>Add a header to label sections of actions in any dropdown menu.</p>
2875+ <div class="bs-example">
2876+ <div class="dropdown clearfix">
2877+ <button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu2" data-toggle="dropdown">
2878+ Dropdown
2879+ <span class="caret"></span>
2880+ </button>
2881+ <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
2882+ <li role="presentation" class="dropdown-header">Dropdown header</li>
2883+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
2884+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
2885+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
2886+ <li role="presentation" class="divider"></li>
2887+ <li role="presentation" class="dropdown-header">Dropdown header</li>
2888+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
2889+ </ul>
2890+ </div>
2891+ </div><!-- /example -->
2892+{% highlight html %}
2893+<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
2894+ <li role="presentation" class="dropdown-header">Dropdown header</li>
2895+ ...
2896+ <li role="presentation" class="divider"></li>
2897+ <li role="presentation" class="dropdown-header">Dropdown header</li>
2898+ ...
2899+</ul>
2900+{% endhighlight %}
2901+
2902+ <h3 id="dropdowns-disabled">Disabled menu items</h3>
2903+ <p>Add <code>.disabled</code> to a <code>&lt;li&gt;</code> in the dropdown to disable the link.</p>
2904+ <div class="bs-example">
2905+ <div class="dropdown clearfix">
2906+ <button class="btn dropdown-toggle sr-only" type="button" id="dropdownMenu3" data-toggle="dropdown">
2907+ Dropdown
2908+ <span class="caret"></span>
2909+ </button>
2910+ <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu3">
2911+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Regular link</a></li>
2912+ <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled link</a></li>
2913+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another link</a></li>
2914+ </ul>
2915+ </div>
2916+ </div><!-- /example -->
2917+{% highlight html %}
2918+<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu3">
2919+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Regular link</a></li>
2920+ <li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">Disabled link</a></li>
2921+ <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another link</a></li>
2922+</ul>
2923+{% endhighlight %}
2924+ </div>
2925+
2926+
2927+
2928+ <!-- Button Groups
2929+ ================================================== -->
2930+ <div class="bs-docs-section">
2931+ <div class="page-header">
2932+ <h1 id="btn-groups">Button groups</h1>
2933+ </div>
2934+ <p class="lead">Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with <a href="../javascript/#buttons">our buttons plugin</a>.</p>
2935+
2936+ <div class="bs-callout bs-callout-info">
2937+ <h4>Tooltips &amp; popovers in button groups require special setting</h4>
2938+ <p>When using tooltips or popovers on elements within a <code>.btn-group</code>, you'll have to specify the option <code>container: 'body'</code> to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip or popover is triggered).</p>
2939+ </div>
2940+
2941+ <h3 id="btn-groups-single">Basic example</h3>
2942+ <p>Wrap a series of buttons with <code>.btn</code> in <code>.btn-group</code>.</p>
2943+ <div class="bs-example">
2944+ <div class="btn-group" style="margin: 9px 0 5px;">
2945+ <button type="button" class="btn btn-default">Left</button>
2946+ <button type="button" class="btn btn-default">Middle</button>
2947+ <button type="button" class="btn btn-default">Right</button>
2948+ </div>
2949+ </div>
2950+{% highlight html %}
2951+<div class="btn-group">
2952+ <button type="button" class="btn btn-default">Left</button>
2953+ <button type="button" class="btn btn-default">Middle</button>
2954+ <button type="button" class="btn btn-default">Right</button>
2955+</div>
2956+{% endhighlight %}
2957+
2958+ <h3 id="btn-groups-toolbar">Button toolbar</h3>
2959+ <p>Combine sets of <code>&lt;div class="btn-group"&gt;</code> into a <code>&lt;div class="btn-toolbar"&gt;</code> for more complex components.</p>
2960+ <div class="bs-example">
2961+ <div class="btn-toolbar" role="toolbar" style="margin: 0;">
2962+ <div class="btn-group">
2963+ <button type="button" class="btn btn-default">1</button>
2964+ <button type="button" class="btn btn-default">2</button>
2965+ <button type="button" class="btn btn-default">3</button>
2966+ <button type="button" class="btn btn-default">4</button>
2967+ </div>
2968+ <div class="btn-group">
2969+ <button type="button" class="btn btn-default">5</button>
2970+ <button type="button" class="btn btn-default">6</button>
2971+ <button type="button" class="btn btn-default">7</button>
2972+ </div>
2973+ <div class="btn-group">
2974+ <button type="button" class="btn btn-default">8</button>
2975+ </div>
2976+ </div>
2977+ </div>
2978+{% highlight html %}
2979+<div class="btn-toolbar" role="toolbar">
2980+ <div class="btn-group">...</div>
2981+ <div class="btn-group">...</div>
2982+ <div class="btn-group">...</div>
2983+</div>
2984+{% endhighlight %}
2985+
2986+ <h3 id="btn-groups-sizing">Sizing</h3>
2987+ <p>Instead of applying button sizing classes to every button in a group, just add <code>.btn-group-*</code> to the <code>.btn-group</code>.</p>
2988+ <div class="bs-example">
2989+ <div class="btn-toolbar" role="toolbar">
2990+ <div class="btn-group btn-group-lg">
2991+ <button type="button" class="btn btn-default">Left</button>
2992+ <button type="button" class="btn btn-default">Middle</button>
2993+ <button type="button" class="btn btn-default">Right</button>
2994+ </div>
2995+ </div>
2996+ <div class="btn-toolbar" role="toolbar">
2997+ <div class="btn-group">
2998+ <button type="button" class="btn btn-default">Left</button>
2999+ <button type="button" class="btn btn-default">Middle</button>
3000+ <button type="button" class="btn btn-default">Right</button>
3001+ </div>
3002+ </div>
3003+ <div class="btn-toolbar" role="toolbar">
3004+ <div class="btn-group btn-group-sm">
3005+ <button type="button" class="btn btn-default">Left</button>
3006+ <button type="button" class="btn btn-default">Middle</button>
3007+ <button type="button" class="btn btn-default">Right</button>
3008+ </div>
3009+ </div>
3010+ <div class="btn-toolbar" role="toolbar">
3011+ <div class="btn-group btn-group-xs">
3012+ <button type="button" class="btn btn-default">Left</button>
3013+ <button type="button" class="btn btn-default">Middle</button>
3014+ <button type="button" class="btn btn-default">Right</button>
3015+ </div>
3016+ </div>
3017+ </div>
3018+{% highlight html %}
3019+<div class="btn-group btn-group-lg">...</div>
3020+<div class="btn-group">...</div>
3021+<div class="btn-group btn-group-sm">...</div>
3022+<div class="btn-group btn-group-xs">...</div>
3023+{% endhighlight %}
3024+
3025+ <h3 id="btn-groups-nested">Nesting</h3>
3026+ <p>Place a <code>.btn-group</code> within another <code>.btn-group</code> when you want dropdown menus mixed with a series of buttons.</p>
3027+ <div class="bs-example">
3028+ <div class="btn-group">
3029+ <button type="button" class="btn btn-default">1</button>
3030+ <button type="button" class="btn btn-default">2</button>
3031+
3032+ <div class="btn-group">
3033+ <button id="btnGroupDrop1" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
3034+ Dropdown
3035+ <span class="caret"></span>
3036+ </button>
3037+ <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupDrop1">
3038+ <li><a href="#">Dropdown link</a></li>
3039+ <li><a href="#">Dropdown link</a></li>
3040+ </ul>
3041+ </div>
3042+ </div>
3043+ </div>
3044+{% highlight html %}
3045+<div class="btn-group">
3046+ <button type="button" class="btn btn-default">1</button>
3047+ <button type="button" class="btn btn-default">2</button>
3048+
3049+ <div class="btn-group">
3050+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
3051+ Dropdown
3052+ <span class="caret"></span>
3053+ </button>
3054+ <ul class="dropdown-menu">
3055+ <li><a href="#">Dropdown link</a></li>
3056+ <li><a href="#">Dropdown link</a></li>
3057+ </ul>
3058+ </div>
3059+</div>
3060+{% endhighlight %}
3061+
3062+ <h3 id="btn-groups-vertical">Vertical variation</h3>
3063+ <p>Make a set of buttons appear vertically stacked rather than horizontally.</p>
3064+ <div class="bs-example">
3065+ <div class="btn-group-vertical">
3066+ <button type="button" class="btn btn-default">Button</button>
3067+ <button type="button" class="btn btn-default">Button</button>
3068+ <div class="btn-group">
3069+ <button id="btnGroupVerticalDrop1" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
3070+ Dropdown
3071+ <span class="caret"></span>
3072+ </button>
3073+ <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop1">
3074+ <li><a href="#">Dropdown link</a></li>
3075+ <li><a href="#">Dropdown link</a></li>
3076+ </ul>
3077+ </div>
3078+ <button type="button" class="btn btn-default">Button</button>
3079+ <button type="button" class="btn btn-default">Button</button>
3080+ <div class="btn-group">
3081+ <button id="btnGroupVerticalDrop2" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
3082+ Dropdown
3083+ <span class="caret"></span>
3084+ </button>
3085+ <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop2">
3086+ <li><a href="#">Dropdown link</a></li>
3087+ <li><a href="#">Dropdown link</a></li>
3088+ </ul>
3089+ </div>
3090+ <div class="btn-group">
3091+ <button id="btnGroupVerticalDrop3" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
3092+ Dropdown
3093+ <span class="caret"></span>
3094+ </button>
3095+ <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop3">
3096+ <li><a href="#">Dropdown link</a></li>
3097+ <li><a href="#">Dropdown link</a></li>
3098+ </ul>
3099+ </div>
3100+ <div class="btn-group">
3101+ <button id="btnGroupVerticalDrop4" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
3102+ Dropdown
3103+ <span class="caret"></span>
3104+ </button>
3105+ <ul class="dropdown-menu" role="menu" aria-labelledby="btnGroupVerticalDrop4">
3106+ <li><a href="#">Dropdown link</a></li>
3107+ <li><a href="#">Dropdown link</a></li>
3108+ </ul>
3109+ </div>
3110+ </div>
3111+ </div>
3112+{% highlight html %}
3113+<div class="btn-group-vertical">
3114+ ...
3115+</div>
3116+{% endhighlight %}
3117+
3118+ <h3 id="btn-groups-justified">Justified link variation</h3>
3119+ <p>Make a group of buttons stretch at the same size to span the entire width of its parent.</p>
3120+
3121+ <div class="bs-callout bs-callout-warning">
3122+ <h4>Element-specific usage</h4>
3123+ <p>This only works with <code>&lt;a&gt;</code> elements as the <code>&lt;button&gt;</code> doesn't pick up these styles.</p>
3124+ </div>
3125+
3126+ <div class="bs-example">
3127+ <div class="btn-group btn-group-justified">
3128+ <a class="btn btn-default" role="button">Left</a>
3129+ <a class="btn btn-default" role="button">Middle</a>
3130+ <a class="btn btn-default" role="button">Right</a>
3131+ </div>
3132+ </div>
3133+{% highlight html %}
3134+<div class="btn-group btn-group-justified">
3135+ ...
3136+</div>
3137+{% endhighlight %}
3138+
3139+ </div>
3140+
3141+
3142+
3143+ <!-- Split button dropdowns
3144+ ================================================== -->
3145+ <div class="bs-docs-section">
3146+ <div class="page-header">
3147+ <h1 id="btn-dropdowns">Button dropdowns</h1>
3148+ </div>
3149+ <p class="lead">Use any button to trigger a dropdown menu by placing it within a <code>.btn-group</code> and providing the proper menu markup.</p>
3150+
3151+ <div class="bs-callout bs-callout-danger">
3152+ <h4>Plugin dependency</h4>
3153+ <p>Button dropdowns require the <a href="../javascript/#dropdowns">dropdown plugin</a> to be included in your version of Bootstrap.</p>
3154+ </div>
3155+
3156+ <h3 id="btn-dropdowns-single">Single button dropdowns</h3>
3157+ <p>Turn a button into a dropdown toggle with some basic markup changes.</p>
3158+ <div class="bs-example">
3159+ <div class="btn-group">
3160+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Default <span class="caret"></span></button>
3161+ <ul class="dropdown-menu" role="menu">
3162+ <li><a href="#">Action</a></li>
3163+ <li><a href="#">Another action</a></li>
3164+ <li><a href="#">Something else here</a></li>
3165+ <li class="divider"></li>
3166+ <li><a href="#">Separated link</a></li>
3167+ </ul>
3168+ </div><!-- /btn-group -->
3169+ <div class="btn-group">
3170+ <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Primary <span class="caret"></span></button>
3171+ <ul class="dropdown-menu" role="menu">
3172+ <li><a href="#">Action</a></li>
3173+ <li><a href="#">Another action</a></li>
3174+ <li><a href="#">Something else here</a></li>
3175+ <li class="divider"></li>
3176+ <li><a href="#">Separated link</a></li>
3177+ </ul>
3178+ </div><!-- /btn-group -->
3179+ <div class="btn-group">
3180+ <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">Success <span class="caret"></span></button>
3181+ <ul class="dropdown-menu" role="menu">
3182+ <li><a href="#">Action</a></li>
3183+ <li><a href="#">Another action</a></li>
3184+ <li><a href="#">Something else here</a></li>
3185+ <li class="divider"></li>
3186+ <li><a href="#">Separated link</a></li>
3187+ </ul>
3188+ </div><!-- /btn-group -->
3189+ <div class="btn-group">
3190+ <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">Info <span class="caret"></span></button>
3191+ <ul class="dropdown-menu" role="menu">
3192+ <li><a href="#">Action</a></li>
3193+ <li><a href="#">Another action</a></li>
3194+ <li><a href="#">Something else here</a></li>
3195+ <li class="divider"></li>
3196+ <li><a href="#">Separated link</a></li>
3197+ </ul>
3198+ </div><!-- /btn-group -->
3199+ <div class="btn-group">
3200+ <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">Warning <span class="caret"></span></button>
3201+ <ul class="dropdown-menu" role="menu">
3202+ <li><a href="#">Action</a></li>
3203+ <li><a href="#">Another action</a></li>
3204+ <li><a href="#">Something else here</a></li>
3205+ <li class="divider"></li>
3206+ <li><a href="#">Separated link</a></li>
3207+ </ul>
3208+ </div><!-- /btn-group -->
3209+ <div class="btn-group">
3210+ <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">Danger <span class="caret"></span></button>
3211+ <ul class="dropdown-menu" role="menu">
3212+ <li><a href="#">Action</a></li>
3213+ <li><a href="#">Another action</a></li>
3214+ <li><a href="#">Something else here</a></li>
3215+ <li class="divider"></li>
3216+ <li><a href="#">Separated link</a></li>
3217+ </ul>
3218+ </div><!-- /btn-group -->
3219+ </div>
3220+{% highlight html %}
3221+<!-- Single button -->
3222+<div class="btn-group">
3223+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
3224+ Action <span class="caret"></span>
3225+ </button>
3226+ <ul class="dropdown-menu" role="menu">
3227+ <li><a href="#">Action</a></li>
3228+ <li><a href="#">Another action</a></li>
3229+ <li><a href="#">Something else here</a></li>
3230+ <li class="divider"></li>
3231+ <li><a href="#">Separated link</a></li>
3232+ </ul>
3233+</div>
3234+{% endhighlight %}
3235+
3236+ <h3 id="btn-dropdowns-split">Split button dropdowns</h3>
3237+ <p>Similarly, create split button dropdowns with the same markup changes, only with a separate button.</p>
3238+ <div class="bs-example">
3239+ <div class="btn-group">
3240+ <button type="button" class="btn btn-default">Default</button>
3241+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
3242+ <span class="caret"></span>
3243+ <span class="sr-only">Toggle Dropdown</span>
3244+ </button>
3245+ <ul class="dropdown-menu" role="menu">
3246+ <li><a href="#">Action</a></li>
3247+ <li><a href="#">Another action</a></li>
3248+ <li><a href="#">Something else here</a></li>
3249+ <li class="divider"></li>
3250+ <li><a href="#">Separated link</a></li>
3251+ </ul>
3252+ </div><!-- /btn-group -->
3253+ <div class="btn-group">
3254+ <button type="button" class="btn btn-primary">Primary</button>
3255+ <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
3256+ <span class="caret"></span>
3257+ <span class="sr-only">Toggle Dropdown</span>
3258+ </button>
3259+ <ul class="dropdown-menu" role="menu">
3260+ <li><a href="#">Action</a></li>
3261+ <li><a href="#">Another action</a></li>
3262+ <li><a href="#">Something else here</a></li>
3263+ <li class="divider"></li>
3264+ <li><a href="#">Separated link</a></li>
3265+ </ul>
3266+ </div><!-- /btn-group -->
3267+ <div class="btn-group">
3268+ <button type="button" class="btn btn-success">Success</button>
3269+ <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
3270+ <span class="caret"></span>
3271+ <span class="sr-only">Toggle Dropdown</span>
3272+ </button>
3273+ <ul class="dropdown-menu" role="menu">
3274+ <li><a href="#">Action</a></li>
3275+ <li><a href="#">Another action</a></li>
3276+ <li><a href="#">Something else here</a></li>
3277+ <li class="divider"></li>
3278+ <li><a href="#">Separated link</a></li>
3279+ </ul>
3280+ </div><!-- /btn-group -->
3281+ <div class="btn-group">
3282+ <button type="button" class="btn btn-info">Info</button>
3283+ <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
3284+ <span class="caret"></span>
3285+ <span class="sr-only">Toggle Dropdown</span>
3286+ </button>
3287+ <ul class="dropdown-menu" role="menu">
3288+ <li><a href="#">Action</a></li>
3289+ <li><a href="#">Another action</a></li>
3290+ <li><a href="#">Something else here</a></li>
3291+ <li class="divider"></li>
3292+ <li><a href="#">Separated link</a></li>
3293+ </ul>
3294+ </div><!-- /btn-group -->
3295+ <div class="btn-group">
3296+ <button type="button" class="btn btn-warning">Warning</button>
3297+ <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
3298+ <span class="caret"></span>
3299+ <span class="sr-only">Toggle Dropdown</span>
3300+ </button>
3301+ <ul class="dropdown-menu" role="menu">
3302+ <li><a href="#">Action</a></li>
3303+ <li><a href="#">Another action</a></li>
3304+ <li><a href="#">Something else here</a></li>
3305+ <li class="divider"></li>
3306+ <li><a href="#">Separated link</a></li>
3307+ </ul>
3308+ </div><!-- /btn-group -->
3309+ <div class="btn-group">
3310+ <button type="button" class="btn btn-danger">Danger</button>
3311+ <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
3312+ <span class="caret"></span>
3313+ <span class="sr-only">Toggle Dropdown</span>
3314+ </button>
3315+ <ul class="dropdown-menu" role="menu">
3316+ <li><a href="#">Action</a></li>
3317+ <li><a href="#">Another action</a></li>
3318+ <li><a href="#">Something else here</a></li>
3319+ <li class="divider"></li>
3320+ <li><a href="#">Separated link</a></li>
3321+ </ul>
3322+ </div><!-- /btn-group -->
3323+ </div>
3324+{% highlight html %}
3325+<!-- Split button -->
3326+<div class="btn-group">
3327+ <button type="button" class="btn btn-danger">Action</button>
3328+ <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
3329+ <span class="caret"></span>
3330+ <span class="sr-only">Toggle Dropdown</span>
3331+ </button>
3332+ <ul class="dropdown-menu" role="menu">
3333+ <li><a href="#">Action</a></li>
3334+ <li><a href="#">Another action</a></li>
3335+ <li><a href="#">Something else here</a></li>
3336+ <li class="divider"></li>
3337+ <li><a href="#">Separated link</a></li>
3338+ </ul>
3339+</div>
3340+{% endhighlight %}
3341+
3342+ <h3 id="btn-dropdowns-sizing">Sizing</h3>
3343+ <p>Button dropdowns work with buttons of all sizes.</p>
3344+ <div class="bs-example">
3345+ <div class="btn-toolbar" role="toolbar">
3346+ <div class="btn-group">
3347+ <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
3348+ Large button <span class="caret"></span>
3349+ </button>
3350+ <ul class="dropdown-menu" role="menu">
3351+ <li><a href="#">Action</a></li>
3352+ <li><a href="#">Another action</a></li>
3353+ <li><a href="#">Something else here</a></li>
3354+ <li class="divider"></li>
3355+ <li><a href="#">Separated link</a></li>
3356+ </ul>
3357+ </div><!-- /btn-group -->
3358+ </div><!-- /btn-toolbar -->
3359+ <div class="btn-toolbar" role="toolbar">
3360+ <div class="btn-group">
3361+ <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
3362+ Small button <span class="caret"></span>
3363+ </button>
3364+ <ul class="dropdown-menu" role="menu">
3365+ <li><a href="#">Action</a></li>
3366+ <li><a href="#">Another action</a></li>
3367+ <li><a href="#">Something else here</a></li>
3368+ <li class="divider"></li>
3369+ <li><a href="#">Separated link</a></li>
3370+ </ul>
3371+ </div><!-- /btn-group -->
3372+ </div><!-- /btn-toolbar -->
3373+ <div class="btn-toolbar" role="toolbar">
3374+ <div class="btn-group">
3375+ <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
3376+ Extra small button <span class="caret"></span>
3377+ </button>
3378+ <ul class="dropdown-menu" role="menu">
3379+ <li><a href="#">Action</a></li>
3380+ <li><a href="#">Another action</a></li>
3381+ <li><a href="#">Something else here</a></li>
3382+ <li class="divider"></li>
3383+ <li><a href="#">Separated link</a></li>
3384+ </ul>
3385+ </div><!-- /btn-group -->
3386+ </div><!-- /btn-toolbar -->
3387+ </div><!-- /example -->
3388+{% highlight html %}
3389+<!-- Large button group -->
3390+<div class="btn-group">
3391+ <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
3392+ Large button <span class="caret"></span>
3393+ </button>
3394+ <ul class="dropdown-menu">
3395+ ...
3396+ </ul>
3397+</div>
3398+
3399+<!-- Small button group -->
3400+<div class="btn-group">
3401+ <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
3402+ Small button <span class="caret"></span>
3403+ </button>
3404+ <ul class="dropdown-menu">
3405+ ...
3406+ </ul>
3407+</div>
3408+
3409+<!-- Extra small button group -->
3410+<div class="btn-group">
3411+ <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
3412+ Extra small button <span class="caret"></span>
3413+ </button>
3414+ <ul class="dropdown-menu">
3415+ ...
3416+ </ul>
3417+</div>
3418+{% endhighlight %}
3419+
3420+ <h3 id="btn-dropdowns-dropup">Dropup variation</h3>
3421+ <p>Trigger dropdown menus above elements by adding <code>.dropup</code> to the parent.</p>
3422+ <div class="bs-example">
3423+ <div class="btn-toolbar" role="toolbar">
3424+ <div class="btn-group dropup">
3425+ <button type="button" class="btn btn-default">Dropup</button>
3426+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
3427+ <span class="caret"></span>
3428+ <span class="sr-only">Toggle Dropdown</span>
3429+ </button>
3430+ <ul class="dropdown-menu" role="menu">
3431+ <li><a href="#">Action</a></li>
3432+ <li><a href="#">Another action</a></li>
3433+ <li><a href="#">Something else here</a></li>
3434+ <li class="divider"></li>
3435+ <li><a href="#">Separated link</a></li>
3436+ </ul>
3437+ </div><!-- /btn-group -->
3438+ <div class="btn-group dropup">
3439+ <button type="button" class="btn btn-primary">Right dropup</button>
3440+ <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
3441+ <span class="caret"></span>
3442+ <span class="sr-only">Toggle Dropdown</span>
3443+ </button>
3444+ <ul class="dropdown-menu pull-right" role="menu">
3445+ <li><a href="#">Action</a></li>
3446+ <li><a href="#">Another action</a></li>
3447+ <li><a href="#">Something else here</a></li>
3448+ <li class="divider"></li>
3449+ <li><a href="#">Separated link</a></li>
3450+ </ul>
3451+ </div><!-- /btn-group -->
3452+ </div>
3453+ </div><!-- /example -->
3454+{% highlight html %}
3455+<div class="btn-group dropup">
3456+ <button type="button" class="btn btn-default">Dropup</button>
3457+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
3458+ <span class="caret"></span>
3459+ <span class="sr-only">Toggle Dropdown</span>
3460+ </button>
3461+ <ul class="dropdown-menu">
3462+ <!-- Dropdown menu links -->
3463+ </ul>
3464+</div>
3465+{% endhighlight %}
3466+
3467+ </div>
3468+
3469+
3470+
3471+
3472+ <!-- Input groups
3473+ ================================================== -->
3474+ <div class="bs-docs-section">
3475+ <div class="page-header">
3476+ <h1 id="input-groups">Input groups</h1>
3477+ </div>
3478+ <p class="lead">Extend form controls by adding text or buttons before, after, or on both sides of any text-based input. Use <code>.input-group</code> with an <code>.input-group-addon</code> to prepend or append elements to a <code>.form-control</code>.</p>
3479+
3480+ <div class="bs-callout bs-callout-danger">
3481+ <h4>Cross-browser compatibility</h4>
3482+ <p>Avoid using <code>&lt;select&gt;</code> elements here as they cannot be fully styled in WebKit browsers.</p>
3483+ </div>
3484+ <div class="bs-callout bs-callout-info">
3485+ <h4>Tooltips &amp; popovers in input groups require special setting</h4>
3486+ <p>When using tooltips or popovers on elements within an <code>.input-group</code>, you'll have to specify the option <code>container: 'body'</code> to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip or popover is triggered).</p>
3487+ </div>
3488+ <div class="bs-callout bs-callout-info">
3489+ <h4>Don't mix with form groups</h4>
3490+ <p>Do not apply input group classes directly to form groups. An input group is an isolated component.</p>
3491+ </div>
3492+
3493+
3494+ <h2 id="input-groups-basic">Basic example</h2>
3495+ <form class="bs-example bs-example-form" role="form">
3496+ <div class="input-group">
3497+ <span class="input-group-addon">@</span>
3498+ <input type="text" class="form-control" placeholder="Username">
3499+ </div>
3500+ <br>
3501+ <div class="input-group">
3502+ <input type="text" class="form-control">
3503+ <span class="input-group-addon">.00</span>
3504+ </div>
3505+ <br>
3506+ <div class="input-group">
3507+ <span class="input-group-addon">$</span>
3508+ <input type="text" class="form-control">
3509+ <span class="input-group-addon">.00</span>
3510+ </div>
3511+ </form>
3512+{% highlight html %}
3513+<div class="input-group">
3514+ <span class="input-group-addon">@</span>
3515+ <input type="text" class="form-control" placeholder="Username">
3516+</div>
3517+
3518+<div class="input-group">
3519+ <input type="text" class="form-control">
3520+ <span class="input-group-addon">.00</span>
3521+</div>
3522+
3523+<div class="input-group">
3524+ <span class="input-group-addon">$</span>
3525+ <input type="text" class="form-control">
3526+ <span class="input-group-addon">.00</span>
3527+</div>
3528+{% endhighlight %}
3529+
3530+
3531+ <h2 id="input-groups-sizing">Sizing</h2>
3532+ <p>Add the relative form sizing classes to the <code>.input-group</code> itself and contents within will automatically resize—no need for repeating the form control size classes on each element.</p>
3533+ <form class="bs-example bs-example-form" role="form">
3534+ <div class="input-group input-group-lg">
3535+ <span class="input-group-addon">@</span>
3536+ <input type="text" class="form-control" placeholder="Username">
3537+ </div>
3538+ <br>
3539+ <div class="input-group">
3540+ <span class="input-group-addon">@</span>
3541+ <input type="text" class="form-control" placeholder="Username">
3542+ </div>
3543+ <br>
3544+ <div class="input-group input-group-sm">
3545+ <span class="input-group-addon">@</span>
3546+ <input type="text" class="form-control" placeholder="Username">
3547+ </div>
3548+ </form>
3549+{% highlight html %}
3550+<div class="input-group input-group-lg">
3551+ <span class="input-group-addon">@</span>
3552+ <input type="text" class="form-control" placeholder="Username">
3553+</div>
3554+
3555+<div class="input-group">
3556+ <span class="input-group-addon">@</span>
3557+ <input type="text" class="form-control" placeholder="Username">
3558+</div>
3559+
3560+<div class="input-group input-group-sm">
3561+ <span class="input-group-addon">@</span>
3562+ <input type="text" class="form-control" placeholder="Username">
3563+</div>
3564+{% endhighlight %}
3565+
3566+
3567+ <h2 id="input-groups-checkboxes-radios">Checkboxes and radio addons</h2>
3568+ <p>Place any checkbox or radio option within an input group's addon instead of text.</p>
3569+ <form class="bs-example bs-example-form">
3570+ <div class="row">
3571+ <div class="col-lg-6">
3572+ <div class="input-group">
3573+ <span class="input-group-addon">
3574+ <input type="checkbox">
3575+ </span>
3576+ <input type="text" class="form-control">
3577+ </div><!-- /input-group -->
3578+ </div><!-- /.col-lg-6 -->
3579+ <div class="col-lg-6">
3580+ <div class="input-group">
3581+ <span class="input-group-addon">
3582+ <input type="radio">
3583+ </span>
3584+ <input type="text" class="form-control">
3585+ </div><!-- /input-group -->
3586+ </div><!-- /.col-lg-6 -->
3587+ </div><!-- /.row -->
3588+ </form>
3589+{% highlight html %}
3590+<div class="row">
3591+ <div class="col-lg-6">
3592+ <div class="input-group">
3593+ <span class="input-group-addon">
3594+ <input type="checkbox">
3595+ </span>
3596+ <input type="text" class="form-control">
3597+ </div><!-- /input-group -->
3598+ </div><!-- /.col-lg-6 -->
3599+ <div class="col-lg-6">
3600+ <div class="input-group">
3601+ <span class="input-group-addon">
3602+ <input type="radio">
3603+ </span>
3604+ <input type="text" class="form-control">
3605+ </div><!-- /input-group -->
3606+ </div><!-- /.col-lg-6 -->
3607+</div><!-- /.row -->
3608+{% endhighlight %}
3609+
3610+
3611+ <h2 id="input-groups-buttons">Button addons</h2>
3612+ <p>Buttons in input groups are a bit different and require one extra level of nesting. Instead of <code>.input-group-addon</code>, you'll need to use <code>.input-group-btn</code> to wrap the buttons. This is required due to default browser styles that cannot be overridden.</p>
3613+ <form class="bs-example bs-example-form">
3614+ <div class="row">
3615+ <div class="col-lg-6">
3616+ <div class="input-group">
3617+ <span class="input-group-btn">
3618+ <button class="btn btn-default" type="button">Go!</button>
3619+ </span>
3620+ <input type="text" class="form-control">
3621+ </div><!-- /input-group -->
3622+ </div><!-- /.col-lg-6 -->
3623+ <div class="col-lg-6">
3624+ <div class="input-group">
3625+ <input type="text" class="form-control">
3626+ <span class="input-group-btn">
3627+ <button class="btn btn-default" type="button">Go!</button>
3628+ </span>
3629+ </div><!-- /input-group -->
3630+ </div><!-- /.col-lg-6 -->
3631+ </div><!-- /.row -->
3632+ </form>
3633+{% highlight html %}
3634+<div class="row">
3635+ <div class="col-lg-6">
3636+ <div class="input-group">
3637+ <span class="input-group-btn">
3638+ <button class="btn btn-default" type="button">Go!</button>
3639+ </span>
3640+ <input type="text" class="form-control">
3641+ </div><!-- /input-group -->
3642+ </div><!-- /.col-lg-6 -->
3643+ <div class="col-lg-6">
3644+ <div class="input-group">
3645+ <input type="text" class="form-control">
3646+ <span class="input-group-btn">
3647+ <button class="btn btn-default" type="button">Go!</button>
3648+ </span>
3649+ </div><!-- /input-group -->
3650+ </div><!-- /.col-lg-6 -->
3651+</div><!-- /.row -->
3652+{% endhighlight %}
3653+
3654+ <h2 id="input-groups-buttons-dropdowns">Buttons with dropdowns</h2>
3655+ <p></p>
3656+ <form class="bs-example bs-example-form" role="form">
3657+ <div class="row">
3658+ <div class="col-lg-6">
3659+ <div class="input-group">
3660+ <div class="input-group-btn">
3661+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
3662+ <ul class="dropdown-menu" role="menu">
3663+ <li><a href="#">Action</a></li>
3664+ <li><a href="#">Another action</a></li>
3665+ <li><a href="#">Something else here</a></li>
3666+ <li class="divider"></li>
3667+ <li><a href="#">Separated link</a></li>
3668+ </ul>
3669+ </div><!-- /btn-group -->
3670+ <input type="text" class="form-control">
3671+ </div><!-- /input-group -->
3672+ </div><!-- /.col-lg-6 -->
3673+ <div class="col-lg-6">
3674+ <div class="input-group">
3675+ <input type="text" class="form-control">
3676+ <div class="input-group-btn">
3677+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
3678+ <ul class="dropdown-menu pull-right" role="menu">
3679+ <li><a href="#">Action</a></li>
3680+ <li><a href="#">Another action</a></li>
3681+ <li><a href="#">Something else here</a></li>
3682+ <li class="divider"></li>
3683+ <li><a href="#">Separated link</a></li>
3684+ </ul>
3685+ </div><!-- /btn-group -->
3686+ </div><!-- /input-group -->
3687+ </div><!-- /.col-lg-6 -->
3688+ </div><!-- /.row -->
3689+ </form>
3690+{% highlight html %}
3691+<div class="row">
3692+ <div class="col-lg-6">
3693+ <div class="input-group">
3694+ <div class="input-group-btn">
3695+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
3696+ <ul class="dropdown-menu">
3697+ <li><a href="#">Action</a></li>
3698+ <li><a href="#">Another action</a></li>
3699+ <li><a href="#">Something else here</a></li>
3700+ <li class="divider"></li>
3701+ <li><a href="#">Separated link</a></li>
3702+ </ul>
3703+ </div><!-- /btn-group -->
3704+ <input type="text" class="form-control">
3705+ </div><!-- /input-group -->
3706+ </div><!-- /.col-lg-6 -->
3707+ <div class="col-lg-6">
3708+ <div class="input-group">
3709+ <input type="text" class="form-control">
3710+ <div class="input-group-btn">
3711+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
3712+ <ul class="dropdown-menu pull-right">
3713+ <li><a href="#">Action</a></li>
3714+ <li><a href="#">Another action</a></li>
3715+ <li><a href="#">Something else here</a></li>
3716+ <li class="divider"></li>
3717+ <li><a href="#">Separated link</a></li>
3718+ </ul>
3719+ </div><!-- /btn-group -->
3720+ </div><!-- /input-group -->
3721+ </div><!-- /.col-lg-6 -->
3722+</div><!-- /.row -->
3723+{% endhighlight %}
3724+
3725+ <h2 id="input-groups-buttons-segmented">Segmented buttons</h2>
3726+ <form class="bs-example bs-example-form" role="form">
3727+ <div class="row">
3728+ <div class="col-lg-6">
3729+ <div class="input-group">
3730+ <div class="input-group-btn">
3731+ <button type="button" class="btn btn-default" tabindex="-1">Action</button>
3732+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1">
3733+ <span class="caret"></span>
3734+ <span class="sr-only">Toggle Dropdown</span>
3735+ </button>
3736+ <ul class="dropdown-menu" role="menu">
3737+ <li><a href="#">Action</a></li>
3738+ <li><a href="#">Another action</a></li>
3739+ <li><a href="#">Something else here</a></li>
3740+ <li class="divider"></li>
3741+ <li><a href="#">Separated link</a></li>
3742+ </ul>
3743+ </div>
3744+ <input type="text" class="form-control">
3745+ </div><!-- /.input-group -->
3746+ </div><!-- /.col-lg-6 -->
3747+ <div class="col-lg-6">
3748+ <div class="input-group">
3749+ <input type="text" class="form-control">
3750+ <div class="input-group-btn">
3751+ <button type="button" class="btn btn-default" tabindex="-1">Action</button>
3752+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" tabindex="-1">
3753+ <span class="caret"></span>
3754+ <span class="sr-only">Toggle Dropdown</span>
3755+ </button>
3756+ <ul class="dropdown-menu pull-right" role="menu">
3757+ <li><a href="#">Action</a></li>
3758+ <li><a href="#">Another action</a></li>
3759+ <li><a href="#">Something else here</a></li>
3760+ <li class="divider"></li>
3761+ <li><a href="#">Separated link</a></li>
3762+ </ul>
3763+ </div>
3764+ </div><!-- /.input-group -->
3765+ </div><!-- /.col-lg-6 -->
3766+ </div><!-- /.row -->
3767+ </form>
3768+{% highlight html %}
3769+<div class="input-group">
3770+ <div class="input-group-btn">
3771+ <!-- Button and dropdown menu -->
3772+ </div>
3773+ <input type="text" class="form-control">
3774+</div>
3775+
3776+<div class="input-group">
3777+ <input type="text" class="form-control">
3778+ <div class="input-group-btn">
3779+ <!-- Button and dropdown menu -->
3780+ </div>
3781+</div>
3782+{% endhighlight %}
3783+
3784+</div>
3785+
3786+
3787+
3788+ <!-- Navs
3789+ ================================================== -->
3790+ <div class="bs-docs-section">
3791+ <div class="page-header">
3792+ <h1 id="nav">Navs</h1>
3793+ </div>
3794+
3795+ <p class="lead">Navs available in Bootstrap have shared markup, starting with the base <code>.nav</code> class, as well as shared states. Swap modifier classes to switch between each style.</p>
3796+
3797+ <h2 id="nav-tabs">Tabs</h2>
3798+ <p>Note the <code>.nav-tabs</code> class requires the <code>.nav</code> base class.</p>
3799+ <div class="bs-example">
3800+ <ul class="nav nav-tabs">
3801+ <li class="active"><a href="#">Home</a></li>
3802+ <li><a href="#">Profile</a></li>
3803+ <li><a href="#">Messages</a></li>
3804+ </ul>
3805+ </div>
3806+{% highlight html %}
3807+<ul class="nav nav-tabs">
3808+ <li class="active"><a href="#">Home</a></li>
3809+ <li><a href="#">Profile</a></li>
3810+ <li><a href="#">Messages</a></li>
3811+</ul>
3812+{% endhighlight %}
3813+ <div class="bs-callout bs-callout-info">
3814+ <h4>Requires JavaScript tabs plugin</h4>
3815+ <p>For tabs with tabbable areas, you must use the <a href="../javascript/#tabs">tabs JavaScript plugin</a>.</p>
3816+ </div>
3817+
3818+ <h2 id="nav-pills">Pills</h2>
3819+ <p>Take that same HTML, but use <code>.nav-pills</code> instead:</p>
3820+ <div class="bs-example">
3821+ <ul class="nav nav-pills">
3822+ <li class="active"><a href="#">Home</a></li>
3823+ <li><a href="#">Profile</a></li>
3824+ <li><a href="#">Messages</a></li>
3825+ </ul>
3826+ </div>
3827+{% highlight html %}
3828+<ul class="nav nav-pills">
3829+ <li class="active"><a href="#">Home</a></li>
3830+ <li><a href="#">Profile</a></li>
3831+ <li><a href="#">Messages</a></li>
3832+</ul>
3833+{% endhighlight %}
3834+ <p>Pills are also vertically stackable. Just add <code>.nav-stacked</code>.</p>
3835+ <div class="bs-example">
3836+ <ul class="nav nav-pills nav-stacked" style="max-width: 300px;">
3837+ <li class="active"><a href="#">Home</a></li>
3838+ <li><a href="#">Profile</a></li>
3839+ <li><a href="#">Messages</a></li>
3840+ </ul>
3841+ </div>
3842+{% highlight html %}
3843+<ul class="nav nav-pills nav-stacked">
3844+ ...
3845+</ul>
3846+{% endhighlight %}
3847+
3848+
3849+ <h2 id="nav-justified">Justified</h2>
3850+ <p>Easily make tabs or pills equal widths of their parent at screens wider than 768px with <code>.nav-justified</code>. On smaller screens, the nav links are stacked.</p>
3851+ <div class="bs-callout bs-callout-warning">
3852+ <h4>WebKit and responsive justified navs</h4>
3853+ <p>Chrome and Safari both exhibit a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing. This bug is also shown in the <a href="../examples/justified-nav/">justified nav example</a>.</p>
3854+ </div>
3855+ <div class="bs-example">
3856+ <ul class="nav nav-tabs nav-justified">
3857+ <li class="active"><a href="#">Home</a></li>
3858+ <li><a href="#">Profile</a></li>
3859+ <li><a href="#">Messages</a></li>
3860+ </ul>
3861+ <br>
3862+ <ul class="nav nav-pills nav-justified">
3863+ <li class="active"><a href="#">Home</a></li>
3864+ <li><a href="#">Profile</a></li>
3865+ <li><a href="#">Messages</a></li>
3866+ </ul>
3867+ </div>
3868+{% highlight html %}
3869+<ul class="nav nav-tabs nav-justified">
3870+ ...
3871+</ul>
3872+<ul class="nav nav-pills nav-justified">
3873+ ...
3874+</ul>
3875+{% endhighlight %}
3876+
3877+
3878+ <h2 id="nav-disabled-links">Disabled links</h2>
3879+ <p>For any nav component (tabs, pills, or list), add <code>.disabled</code> for <strong>gray links and no hover effects</strong>.</p>
3880+
3881+ <div class="bs-callout bs-callout-warning">
3882+ <h4>Link functionality not impacted</h4>
3883+ <p>This class will only change the <code>&lt;a&gt;</code>'s appearance, not its functionality. Use custom JavaScript to disable links here.</p>
3884+ </div>
3885+
3886+ <div class="bs-example">
3887+ <ul class="nav nav-pills">
3888+ <li><a href="#">Clickable link</a></li>
3889+ <li><a href="#">Clickable link</a></li>
3890+ <li class="disabled"><a href="#">Disabled link</a></li>
3891+ </ul>
3892+ </div>
3893+{% highlight html %}
3894+<ul class="nav nav-pills">
3895+ ...
3896+ <li class="disabled"><a href="#">Disabled link</a></li>
3897+ ...
3898+</ul>
3899+{% endhighlight %}
3900+
3901+
3902+ <h2 id="nav-dropdowns">Using dropdowns</h2>
3903+ <p>Add dropdown menus with a little extra HTML and the <a href="../javascript/#dropdowns">dropdowns JavaScript plugin</a>.</p>
3904+
3905+ <h3>Tabs with dropdowns</h3>
3906+ <div class="bs-example">
3907+ <ul class="nav nav-tabs">
3908+ <li class="active"><a href="#">Home</a></li>
3909+ <li><a href="#">Help</a></li>
3910+ <li class="dropdown">
3911+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">
3912+ Dropdown <span class="caret"></span>
3913+ </a>
3914+ <ul class="dropdown-menu" role="menu">
3915+ <li><a href="#">Action</a></li>
3916+ <li><a href="#">Another action</a></li>
3917+ <li><a href="#">Something else here</a></li>
3918+ <li class="divider"></li>
3919+ <li><a href="#">Separated link</a></li>
3920+ </ul>
3921+ </li>
3922+ </ul>
3923+ </div>
3924+{% highlight html %}
3925+<ul class="nav nav-tabs">
3926+ ...
3927+ <li class="dropdown">
3928+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">
3929+ Dropdown <span class="caret"></span>
3930+ </a>
3931+ <ul class="dropdown-menu">
3932+ ...
3933+ </ul>
3934+ </li>
3935+ ...
3936+</ul>
3937+{% endhighlight %}
3938+
3939+ <h3>Pills with dropdowns</h3>
3940+ <div class="bs-example">
3941+ <ul class="nav nav-pills">
3942+ <li class="active"><a href="#">Home</a></li>
3943+ <li><a href="#">Help</a></li>
3944+ <li class="dropdown">
3945+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">
3946+ Dropdown <span class="caret"></span>
3947+ </a>
3948+ <ul class="dropdown-menu" role="menu">
3949+ <li><a href="#">Action</a></li>
3950+ <li><a href="#">Another action</a></li>
3951+ <li><a href="#">Something else here</a></li>
3952+ <li class="divider"></li>
3953+ <li><a href="#">Separated link</a></li>
3954+ </ul>
3955+ </li>
3956+ </ul>
3957+ </div><!-- /example -->
3958+{% highlight html %}
3959+<ul class="nav nav-pills">
3960+ ...
3961+ <li class="dropdown">
3962+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">
3963+ Dropdown <span class="caret"></span>
3964+ </a>
3965+ <ul class="dropdown-menu">
3966+ ...
3967+ </ul>
3968+ </li>
3969+ ...
3970+</ul>
3971+{% endhighlight %}
3972+
3973+ </div>
3974+
3975+
3976+
3977+ <!-- Navbar
3978+ ================================================== -->
3979+ <div class="bs-docs-section">
3980+ <div class="page-header">
3981+ <h1 id="navbar">Navbar</h1>
3982+ </div>
3983+
3984+ <h2 id="navbar-default">Default navbar</h2>
3985+ <p>Navbars are responsive meta components that serve as navigation headers for your application or site. They begin collapsed (and are toggleable) in mobile views and become horizontal as the available viewport width increases.</p>
3986+
3987+ <div class="bs-callout bs-callout-info">
3988+ <h4>Customize the collapsing point</h4>
3989+ <p>Depending on the content in your navbar, you might need to change the point at which your navbar switches between collapsed and horizontal mode. Customize the <code>@grid-float-breakpoint</code> variable or add your own media query.</p>
3990+ </div>
3991+ <div class="bs-callout bs-callout-danger">
3992+ <h4>Requires JavaScript</h4>
3993+ <p>If JavaScript is disabled and the viewport is narrow enough that the navbar collapses, it will be impossible to expand the navbar and view the content within the <code>.navbar-collapse</code>.</p>
3994+ </div>
3995+
3996+ <div class="bs-example">
3997+ <nav class="navbar navbar-default" role="navigation">
3998+ <!-- Brand and toggle get grouped for better mobile display -->
3999+ <div class="navbar-header">
4000+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
4001+ <span class="sr-only">Toggle navigation</span>
4002+ <span class="icon-bar"></span>
4003+ <span class="icon-bar"></span>
4004+ <span class="icon-bar"></span>
4005+ </button>
4006+ <a class="navbar-brand" href="#">Brand</a>
4007+ </div>
4008+
4009+ <!-- Collect the nav links, forms, and other content for toggling -->
4010+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
4011+ <ul class="nav navbar-nav">
4012+ <li class="active"><a href="#">Link</a></li>
4013+ <li><a href="#">Link</a></li>
4014+ <li class="dropdown">
4015+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
4016+ <ul class="dropdown-menu" role="menu">
4017+ <li><a href="#">Action</a></li>
4018+ <li><a href="#">Another action</a></li>
4019+ <li><a href="#">Something else here</a></li>
4020+ <li class="divider"></li>
4021+ <li><a href="#">Separated link</a></li>
4022+ <li class="divider"></li>
4023+ <li><a href="#">One more separated link</a></li>
4024+ </ul>
4025+ </li>
4026+ </ul>
4027+ <form class="navbar-form navbar-left" role="search">
4028+ <div class="form-group">
4029+ <input type="text" class="form-control" placeholder="Search">
4030+ </div>
4031+ <button type="submit" class="btn btn-default">Submit</button>
4032+ </form>
4033+ <ul class="nav navbar-nav navbar-right">
4034+ <li><a href="#">Link</a></li>
4035+ <li class="dropdown">
4036+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
4037+ <ul class="dropdown-menu" role="menu">
4038+ <li><a href="#">Action</a></li>
4039+ <li><a href="#">Another action</a></li>
4040+ <li><a href="#">Something else here</a></li>
4041+ <li class="divider"></li>
4042+ <li><a href="#">Separated link</a></li>
4043+ </ul>
4044+ </li>
4045+ </ul>
4046+ </div><!-- /.navbar-collapse -->
4047+ </nav>
4048+ </div>
4049+{% highlight html %}
4050+<nav class="navbar navbar-default" role="navigation">
4051+ <!-- Brand and toggle get grouped for better mobile display -->
4052+ <div class="navbar-header">
4053+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
4054+ <span class="sr-only">Toggle navigation</span>
4055+ <span class="icon-bar"></span>
4056+ <span class="icon-bar"></span>
4057+ <span class="icon-bar"></span>
4058+ </button>
4059+ <a class="navbar-brand" href="#">Brand</a>
4060+ </div>
4061+
4062+ <!-- Collect the nav links, forms, and other content for toggling -->
4063+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
4064+ <ul class="nav navbar-nav">
4065+ <li class="active"><a href="#">Link</a></li>
4066+ <li><a href="#">Link</a></li>
4067+ <li class="dropdown">
4068+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
4069+ <ul class="dropdown-menu">
4070+ <li><a href="#">Action</a></li>
4071+ <li><a href="#">Another action</a></li>
4072+ <li><a href="#">Something else here</a></li>
4073+ <li class="divider"></li>
4074+ <li><a href="#">Separated link</a></li>
4075+ <li class="divider"></li>
4076+ <li><a href="#">One more separated link</a></li>
4077+ </ul>
4078+ </li>
4079+ </ul>
4080+ <form class="navbar-form navbar-left" role="search">
4081+ <div class="form-group">
4082+ <input type="text" class="form-control" placeholder="Search">
4083+ </div>
4084+ <button type="submit" class="btn btn-default">Submit</button>
4085+ </form>
4086+ <ul class="nav navbar-nav navbar-right">
4087+ <li><a href="#">Link</a></li>
4088+ <li class="dropdown">
4089+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
4090+ <ul class="dropdown-menu">
4091+ <li><a href="#">Action</a></li>
4092+ <li><a href="#">Another action</a></li>
4093+ <li><a href="#">Something else here</a></li>
4094+ <li class="divider"></li>
4095+ <li><a href="#">Separated link</a></li>
4096+ </ul>
4097+ </li>
4098+ </ul>
4099+ </div><!-- /.navbar-collapse -->
4100+</nav>
4101+{% endhighlight %}
4102+
4103+ <div class="bs-callout bs-callout-danger">
4104+ <h4>Plugin dependency</h4>
4105+ <p>The responsive navbar requires the <a href="../javascript/#collapse">collapse plugin</a> to be included in your version of Bootstrap.</p>
4106+ </div>
4107+
4108+ <div class="bs-callout bs-callout-warning">
4109+ <h4>Make navbars accessible</h4>
4110+ <p>Be sure to add a <code>role="navigation"</code> to every navbar to help with accessibility.</p>
4111+ </div>
4112+
4113+
4114+ <h2 id="navbar-forms">Forms</h2>
4115+ <p>Place form content within <code>.navbar-form</code> for proper vertical alignment and collapsed behavior in narrow viewports. Use the alignment options to decide where it resides within the navbar content.</p>
4116+ <p>As a heads up, <code>.navbar-form</code> shares much of its code with <code>.form-inline</code> via mixin.</p>
4117+ <div class="bs-example">
4118+ <nav class="navbar navbar-default" role="navigation">
4119+ <div class="navbar-header">
4120+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
4121+ <span class="sr-only">Toggle navigation</span>
4122+ <span class="icon-bar"></span>
4123+ <span class="icon-bar"></span>
4124+ <span class="icon-bar"></span>
4125+ </button>
4126+ <a class="navbar-brand" href="#">Brand</a>
4127+ </div>
4128+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
4129+ <form class="navbar-form navbar-left" role="search">
4130+ <div class="form-group">
4131+ <input type="text" class="form-control" placeholder="Search">
4132+ </div>
4133+ <button type="submit" class="btn btn-default">Submit</button>
4134+ </form>
4135+ </div>
4136+ </nav>
4137+ </div>
4138+{% highlight html %}
4139+<form class="navbar-form navbar-left" role="search">
4140+ <div class="form-group">
4141+ <input type="text" class="form-control" placeholder="Search">
4142+ </div>
4143+ <button type="submit" class="btn btn-default">Submit</button>
4144+</form>
4145+{% endhighlight %}
4146+
4147+ <div class="bs-callout bs-callout-danger">
4148+ <h4>Always add labels</h4>
4149+ <p>Screen readers will have trouble with your forms if you don't include a label for every input. For these inline navbar forms, you can hide the labels using the <code>.sr-only</code> class.</p>
4150+ </div>
4151+
4152+
4153+ <h2 id="navbar-buttons">Buttons</h2>
4154+ <p>Add the <code>.navbar-btn</code> class to <code>&lt;button&gt;</code> elements not residing in a <code>&lt;form&gt;</code> to vertically center them in the navbar.</p>
4155+ <div class="bs-example">
4156+ <nav class="navbar navbar-default" role="navigation">
4157+ <div class="navbar-header">
4158+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-3">
4159+ <span class="sr-only">Toggle navigation</span>
4160+ <span class="icon-bar"></span>
4161+ <span class="icon-bar"></span>
4162+ <span class="icon-bar"></span>
4163+ </button>
4164+ <a class="navbar-brand" href="#">Brand</a>
4165+ </div>
4166+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-3">
4167+ <button type="button" class="btn btn-default navbar-btn">Sign in</button>
4168+ </div>
4169+ </nav>
4170+ </div>
4171+{% highlight html %}
4172+<button type="button" class="btn btn-default navbar-btn">Sign in</button>
4173+{% endhighlight %}
4174+
4175+ <div class="bs-callout bs-callout-warning">
4176+ <h4>Context-specific usage</h4>
4177+ <p>Like the standard <a href="{{ page.base_url }}css#buttons">button classes</a>, <code>.navbar-btn</code> can be used on <code>&lt;a&gt;</code> and <code>&lt;input&gt;</code> elements. However, neither <code>.navbar-btn</code> nor the standard button classes should be used on <code>&lt;a&gt;</code> elements within <code>.navbar-nav</code>.</p>
4178+ </div>
4179+
4180+ <h2 id="navbar-text">Text</h2>
4181+ <p>Wrap strings of text in an element with <code>.navbar-text</code>, usually on a <code>&lt;p&gt;</code> tag for proper leading and color.</p>
4182+ <div class="bs-example">
4183+ <nav class="navbar navbar-default" role="navigation">
4184+ <div class="navbar-header">
4185+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4">
4186+ <span class="sr-only">Toggle navigation</span>
4187+ <span class="icon-bar"></span>
4188+ <span class="icon-bar"></span>
4189+ <span class="icon-bar"></span>
4190+ </button>
4191+ <a class="navbar-brand" href="#">Brand</a>
4192+ </div>
4193+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-4">
4194+ <p class="navbar-text">Signed in as Mark Otto</p>
4195+ </div>
4196+ </nav>
4197+ </div>
4198+{% highlight html %}
4199+<p class="navbar-text">Signed in as Mark Otto</p>
4200+{% endhighlight %}
4201+
4202+
4203+ <h2 id="navbar-links">Non-nav links</h2>
4204+ <p>For folks using standard links that are not within the regular navbar navigation component, use the <code>.navbar-link</code> class to add the proper colors for the default and inverse navbar options.</p>
4205+ <div class="bs-example">
4206+ <nav class="navbar navbar-default" role="navigation">
4207+ <div class="navbar-header">
4208+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-5">
4209+ <span class="sr-only">Toggle navigation</span>
4210+ <span class="icon-bar"></span>
4211+ <span class="icon-bar"></span>
4212+ <span class="icon-bar"></span>
4213+ </button>
4214+ <a class="navbar-brand" href="#">Brand</a>
4215+ </div>
4216+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-5">
4217+ <p class="navbar-text pull-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p>
4218+ </div>
4219+ </nav>
4220+ </div>
4221+{% highlight html %}
4222+<p class="navbar-text pull-right">Signed in as <a href="#" class="navbar-link">Mark Otto</a></p>
4223+{% endhighlight %}
4224+
4225+
4226+ <h2 id="navbar-component-alignment">Component alignment</h2>
4227+ <p>Align nav links, forms, buttons, or text, using the <code>.navbar-left</code> or <code>.navbar-right</code> utility classes. Both classes will add a CSS float in the specified direction. For example, to align nav links, put them in a separate <code>&lt;ul&gt;</code> with the respective utility class applied.</p>
4228+ <p>These classes are mixin-ed versions of <code>.pull-left</code> and <code>.pull-right</code>, but they're scoped to media queries for easier handling of navbar components across device sizes.</p>
4229+
4230+
4231+ <h2 id="navbar-fixed-top">Fixed to top</h2>
4232+ <p>Add <code>.navbar-fixed-top</code>.</p>
4233+ <div class="bs-example bs-navbar-top-example">
4234+ <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
4235+ <!-- Brand and toggle get grouped for better mobile display -->
4236+ <div class="navbar-header">
4237+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-6">
4238+ <span class="sr-only">Toggle navigation</span>
4239+ <span class="icon-bar"></span>
4240+ <span class="icon-bar"></span>
4241+ <span class="icon-bar"></span>
4242+ </button>
4243+ <a class="navbar-brand" href="#">Brand</a>
4244+ </div>
4245+
4246+ <!-- Collect the nav links, forms, and other content for toggling -->
4247+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-6">
4248+ <ul class="nav navbar-nav">
4249+ <li class="active"><a href="#">Home</a></li>
4250+ <li><a href="#">Link</a></li>
4251+ <li><a href="#">Link</a></li>
4252+ </ul>
4253+ </div><!-- /.navbar-collapse -->
4254+ </nav>
4255+ </div><!-- /example -->
4256+{% highlight html %}
4257+<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
4258+ ...
4259+</nav>
4260+{% endhighlight %}
4261+
4262+ <div class="bs-callout bs-callout-danger">
4263+ <h4>Body padding required</h4>
4264+ <p>The fixed navbar will overlay your other content, unless you add <code>padding</code> to the top of the <code>&lt;body&gt;</code>. Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high.</p>
4265+{% highlight css %}
4266+body { padding-top: 70px; }
4267+{% endhighlight %}
4268+ <p>Make sure to include this <strong>after</strong> the core Bootstrap CSS.</p>
4269+ </div>
4270+
4271+
4272+ <h2 id="navbar-fixed-bottom">Fixed to bottom</h2>
4273+ <p>Add <code>.navbar-fixed-bottom</code> instead.</p>
4274+ <div class="bs-example bs-navbar-bottom-example">
4275+ <nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
4276+ <!-- Brand and toggle get grouped for better mobile display -->
4277+ <div class="navbar-header">
4278+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-7">
4279+ <span class="sr-only">Toggle navigation</span>
4280+ <span class="icon-bar"></span>
4281+ <span class="icon-bar"></span>
4282+ <span class="icon-bar"></span>
4283+ </button>
4284+ <a class="navbar-brand" href="#">Brand</a>
4285+ </div>
4286+
4287+ <!-- Collect the nav links, forms, and other content for toggling -->
4288+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-7">
4289+ <ul class="nav navbar-nav">
4290+ <li class="active"><a href="#">Home</a></li>
4291+ <li><a href="#">Link</a></li>
4292+ <li><a href="#">Link</a></li>
4293+ </ul>
4294+ </div><!-- /.navbar-collapse -->
4295+ </nav>
4296+ </div><!-- /example -->
4297+{% highlight html %}
4298+<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
4299+ ...
4300+</nav>
4301+{% endhighlight %}
4302+
4303+ <div class="bs-callout bs-callout-danger">
4304+ <h4>Body padding required</h4>
4305+ <p>The fixed navbar will overlay your other content, unless you add <code>padding</code> to the bottom of the <code>&lt;body&gt;</code>. Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high.</p>
4306+{% highlight css %}
4307+body { padding-bottom: 70px; }
4308+{% endhighlight %}
4309+ <p>Make sure to include this <strong>after</strong> the core Bootstrap CSS.</p>
4310+ </div>
4311+
4312+
4313+ <h2 id="navbar-static-top">Static top</h2>
4314+ <p>Create a full-width navbar that scrolls away with the page by adding <code>.navbar-static-top</code>. Unlike the <code>.navbar-fixed-*</code> classes, you do not need to change any padding on the <code>body</code>.</p>
4315+ <div class="bs-example bs-navbar-top-example">
4316+ <nav class="navbar navbar-default navbar-static-top" role="navigation">
4317+ <!-- Brand and toggle get grouped for better mobile display -->
4318+ <div class="navbar-header">
4319+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-8">
4320+ <span class="sr-only">Toggle navigation</span>
4321+ <span class="icon-bar"></span>
4322+ <span class="icon-bar"></span>
4323+ <span class="icon-bar"></span>
4324+ </button>
4325+ <a class="navbar-brand" href="#">Brand</a>
4326+ </div>
4327+
4328+ <!-- Collect the nav links, forms, and other content for toggling -->
4329+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-8">
4330+ <ul class="nav navbar-nav">
4331+ <li class="active"><a href="#">Home</a></li>
4332+ <li><a href="#">Link</a></li>
4333+ <li><a href="#">Link</a></li>
4334+ </ul>
4335+ </div><!-- /.navbar-collapse -->
4336+ </nav>
4337+ </div><!-- /example -->
4338+{% highlight html %}
4339+<nav class="navbar navbar-default navbar-static-top" role="navigation">
4340+ ...
4341+</nav>
4342+{% endhighlight %}
4343+
4344+
4345+ <h2 id="navbar-inverted">Inverted navbar</h2>
4346+ <p>Modify the look of the navbar by adding <code>.navbar-inverse</code>.</p>
4347+ <div class="bs-example">
4348+ <nav class="navbar navbar-inverse" role="navigation">
4349+ <!-- Brand and toggle get grouped for better mobile display -->
4350+ <div class="navbar-header">
4351+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-9">
4352+ <span class="sr-only">Toggle navigation</span>
4353+ <span class="icon-bar"></span>
4354+ <span class="icon-bar"></span>
4355+ <span class="icon-bar"></span>
4356+ </button>
4357+ <a class="navbar-brand" href="#">Brand</a>
4358+ </div>
4359+
4360+ <!-- Collect the nav links, forms, and other content for toggling -->
4361+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-9">
4362+ <ul class="nav navbar-nav">
4363+ <li class="active"><a href="#">Home</a></li>
4364+ <li><a href="#">Link</a></li>
4365+ <li><a href="#">Link</a></li>
4366+ </ul>
4367+ </div><!-- /.navbar-collapse -->
4368+ </nav>
4369+ </div><!-- /example -->
4370+{% highlight html %}
4371+<nav class="navbar navbar-inverse" role="navigation">
4372+ ...
4373+</nav>
4374+{% endhighlight %}
4375+
4376+ </div>
4377+
4378+
4379+
4380+ <!-- Breadcrumbs
4381+ ================================================== -->
4382+ <div class="bs-docs-section">
4383+ <div class="page-header">
4384+ <h1 id="breadcrumbs">Breadcrumbs <small></small></h1>
4385+ </div>
4386+ <p class="lead">Indicate the current page's location within a navigational hierarchy.</p>
4387+ <p>Separators are automatically added in CSS through <code>:before</code> and <code>content</code>.</p>
4388+ <div class="bs-example">
4389+ <ol class="breadcrumb">
4390+ <li class="active">Home</li>
4391+ </ol>
4392+ <ol class="breadcrumb">
4393+ <li><a href="#">Home</a></li>
4394+ <li class="active">Library</li>
4395+ </ol>
4396+ <ol class="breadcrumb" style="margin-bottom: 5px;">
4397+ <li><a href="#">Home</a></li>
4398+ <li><a href="#">Library</a></li>
4399+ <li class="active">Data</li>
4400+ </ol>
4401+ </div>
4402+{% highlight html %}
4403+<ol class="breadcrumb">
4404+ <li><a href="#">Home</a></li>
4405+ <li><a href="#">Library</a></li>
4406+ <li class="active">Data</li>
4407+</ol>
4408+{% endhighlight %}
4409+ </div>
4410+
4411+
4412+
4413+ <!-- Pagination
4414+ ================================================== -->
4415+ <div class="bs-docs-section">
4416+ <div class="page-header">
4417+ <h1 id="pagination">Pagination</h1>
4418+ </div>
4419+ <p class="lead">Provide pagination links for your site or app with the multi-page pagination component, or the simpler <a href="#pagination-pager">pager alternative</a>.</p>
4420+
4421+ <h2 id="pagination-default">Default pagination</h2>
4422+ <p>Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.</p>
4423+ <div class="bs-example">
4424+ <ul class="pagination">
4425+ <li><a href="#">&laquo;</a></li>
4426+ <li><a href="#">1</a></li>
4427+ <li><a href="#">2</a></li>
4428+ <li><a href="#">3</a></li>
4429+ <li><a href="#">4</a></li>
4430+ <li><a href="#">5</a></li>
4431+ <li><a href="#">&raquo;</a></li>
4432+ </ul>
4433+ </div>
4434+{% highlight html %}
4435+<ul class="pagination">
4436+ <li><a href="#">&laquo;</a></li>
4437+ <li><a href="#">1</a></li>
4438+ <li><a href="#">2</a></li>
4439+ <li><a href="#">3</a></li>
4440+ <li><a href="#">4</a></li>
4441+ <li><a href="#">5</a></li>
4442+ <li><a href="#">&raquo;</a></li>
4443+</ul>
4444+{% endhighlight %}
4445+
4446+ <h3>Disabled and active states</h3>
4447+ <p>Links are customizable for different circumstances. Use <code>.disabled</code> for unclickable links and <code>.active</code> to indicate the current page.</p>
4448+ <div class="bs-example">
4449+ <ul class="pagination">
4450+ <li class="disabled"><a href="#">&laquo;</a></li>
4451+ <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
4452+ <li><a href="#">2</a></li>
4453+ <li><a href="#">3</a></li>
4454+ <li><a href="#">4</a></li>
4455+ <li><a href="#">5</a></li>
4456+ <li><a href="#">&raquo;</a></li>
4457+ </ul>
4458+ </div>
4459+{% highlight html %}
4460+<ul class="pagination">
4461+ <li class="disabled"><a href="#">&laquo;</a></li>
4462+ <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
4463+ ...
4464+</ul>
4465+{% endhighlight %}
4466+ <p>You can optionally swap out active or disabled anchors for <code>&lt;span&gt;</code> to remove click functionality while retaining intended styles.</p>
4467+{% highlight html %}
4468+<ul class="pagination">
4469+ <li class="disabled"><span>&laquo;</span></li>
4470+ <li class="active"><span>1 <span class="sr-only">(current)</span></span></li>
4471+ ...
4472+</ul>
4473+{% endhighlight %}
4474+
4475+
4476+ <h3>Sizing</h3>
4477+ <p>Fancy larger or smaller pagination? Add <code>.pagination-lg</code> or <code>.pagination-sm</code> for additional sizes.</p>
4478+ <div class="bs-example">
4479+ <div>
4480+ <ul class="pagination pagination-lg">
4481+ <li><a href="#">&laquo;</a></li>
4482+ <li><a href="#">1</a></li>
4483+ <li><a href="#">2</a></li>
4484+ <li><a href="#">3</a></li>
4485+ <li><a href="#">4</a></li>
4486+ <li><a href="#">5</a></li>
4487+ <li><a href="#">&raquo;</a></li>
4488+ </ul>
4489+ </div>
4490+ <div>
4491+ <ul class="pagination">
4492+ <li><a href="#">&laquo;</a></li>
4493+ <li><a href="#">1</a></li>
4494+ <li><a href="#">2</a></li>
4495+ <li><a href="#">3</a></li>
4496+ <li><a href="#">4</a></li>
4497+ <li><a href="#">5</a></li>
4498+ <li><a href="#">&raquo;</a></li>
4499+ </ul>
4500+ </div>
4501+ <div>
4502+ <ul class="pagination pagination-sm">
4503+ <li><a href="#">&laquo;</a></li>
4504+ <li><a href="#">1</a></li>
4505+ <li><a href="#">2</a></li>
4506+ <li><a href="#">3</a></li>
4507+ <li><a href="#">4</a></li>
4508+ <li><a href="#">5</a></li>
4509+ <li><a href="#">&raquo;</a></li>
4510+ </ul>
4511+ </div>
4512+ </div>
4513+{% highlight html %}
4514+<ul class="pagination pagination-lg">...</ul>
4515+<ul class="pagination">...</ul>
4516+<ul class="pagination pagination-sm">...</ul>
4517+{% endhighlight %}
4518+
4519+
4520+ <h2 id="pagination-pager">Pager</h2>
4521+ <p>Quick previous and next links for simple pagination implementations with light markup and styles. It's great for simple sites like blogs or magazines.</p>
4522+
4523+ <h3>Default example</h3>
4524+ <p>By default, the pager centers links.</p>
4525+ <div class="bs-example">
4526+ <ul class="pager">
4527+ <li><a href="#">Previous</a></li>
4528+ <li><a href="#">Next</a></li>
4529+ </ul>
4530+ </div>
4531+{% highlight html %}
4532+<ul class="pager">
4533+ <li><a href="#">Previous</a></li>
4534+ <li><a href="#">Next</a></li>
4535+</ul>
4536+{% endhighlight %}
4537+
4538+ <h3>Aligned links</h3>
4539+ <p>Alternatively, you can align each link to the sides:</p>
4540+ <div class="bs-example">
4541+ <ul class="pager">
4542+ <li class="previous"><a href="#">&larr; Older</a></li>
4543+ <li class="next"><a href="#">Newer &rarr;</a></li>
4544+ </ul>
4545+ </div>
4546+{% highlight html %}
4547+<ul class="pager">
4548+ <li class="previous"><a href="#">&larr; Older</a></li>
4549+ <li class="next"><a href="#">Newer &rarr;</a></li>
4550+</ul>
4551+{% endhighlight %}
4552+
4553+
4554+ <h3>Optional disabled state</h3>
4555+ <p>Pager links also use the general <code>.disabled</code> utility class from the pagination.</p>
4556+ <div class="bs-example">
4557+ <ul class="pager">
4558+ <li class="previous disabled"><a href="#">&larr; Older</a></li>
4559+ <li class="next"><a href="#">Newer &rarr;</a></li>
4560+ </ul>
4561+ </div>
4562+{% highlight html %}
4563+<ul class="pager">
4564+ <li class="previous disabled"><a href="#">&larr; Older</a></li>
4565+ <li class="next"><a href="#">Newer &rarr;</a></li>
4566+</ul>
4567+{% endhighlight %}
4568+ </div>
4569+
4570+
4571+
4572+ <!-- Labels
4573+ ================================================== -->
4574+ <div class="bs-docs-section">
4575+ <div class="page-header">
4576+ <h1 id="labels">Labels</h1>
4577+ </div>
4578+ <p class="lead"></p>
4579+
4580+ <h3>Example</h3>
4581+ <div class="bs-example">
4582+ <h1>Example heading <span class="label label-default">New</span></h1>
4583+ <h2>Example heading <span class="label label-default">New</span></h2>
4584+ <h3>Example heading <span class="label label-default">New</span></h3>
4585+ <h4>Example heading <span class="label label-default">New</span></h4>
4586+ <h5>Example heading <span class="label label-default">New</span></h5>
4587+ <h6>Example heading <span class="label label-default">New</span></h6>
4588+ </div>
4589+{% highlight html %}
4590+<h3>Example heading <span class="label label-default">New</span></h3>
4591+{% endhighlight %}
4592+
4593+ <h3>Available variations</h3>
4594+ <p>Add any of the below mentioned modifier classes to change the appearance of a label.</p>
4595+ <div class="bs-example">
4596+ <span class="label label-default">Default</span>
4597+ <span class="label label-primary">Primary</span>
4598+ <span class="label label-success">Success</span>
4599+ <span class="label label-info">Info</span>
4600+ <span class="label label-warning">Warning</span>
4601+ <span class="label label-danger">Danger</span>
4602+ </div>
4603+{% highlight html %}
4604+<span class="label label-default">Default</span>
4605+<span class="label label-primary">Primary</span>
4606+<span class="label label-success">Success</span>
4607+<span class="label label-info">Info</span>
4608+<span class="label label-warning">Warning</span>
4609+<span class="label label-danger">Danger</span>
4610+{% endhighlight %}
4611+
4612+ </div>
4613+
4614+
4615+
4616+ <!-- Badges
4617+ ================================================== -->
4618+ <div class="bs-docs-section">
4619+ <div class="page-header">
4620+ <h1 id="badges">Badges</h1>
4621+ </div>
4622+ <p class="lead">Easily highlight new or unread items by adding a <code>&lt;span class="badge"&gt;</code> to links, Bootstrap navs, and more.</p>
4623+
4624+ <div class="bs-example">
4625+ <a href="#">Inbox <span class="badge">42</span></a>
4626+ </div>
4627+{% highlight html %}
4628+<a href="#">Inbox <span class="badge">42</span></a>
4629+{% endhighlight %}
4630+
4631+ <h4>Self collapsing</h4>
4632+ <p>When there are no new or unread items, badges will simply collapse (via CSS's <code>:empty</code> selector) provided no content exists within.</p>
4633+
4634+ <div class="bs-callout bs-callout-danger">
4635+ <h4>Cross-browser compatibility</h4>
4636+ <p>Badges won't self collapse in Internet Explorer 8 because it lacks support for the <code>:empty</code> selector.</p>
4637+ </div>
4638+
4639+ <h4>Adapts to active nav states</h4>
4640+ <p>Built-in styles are included for placing badges in active states in pill and list navigations.</p>
4641+ <div class="bs-example">
4642+ <ul class="nav nav-pills">
4643+ <li class="active"><a href="#">Home <span class="badge">42</span></a></li>
4644+ <li><a href="#">Profile</a></li>
4645+ <li><a href="#">Messages <span class="badge">3</span></a></li>
4646+ </ul>
4647+ <br>
4648+ <ul class="nav nav-pills nav-stacked" style="max-width: 260px;">
4649+ <li class="active">
4650+ <a href="#">
4651+ <span class="badge pull-right">42</span>
4652+ Home
4653+ </a>
4654+ </li>
4655+ <li><a href="#">Profile</a></li>
4656+ <li>
4657+ <a href="#">
4658+ <span class="badge pull-right">3</span>
4659+ Messages
4660+ </a>
4661+ </li>
4662+ </ul>
4663+ </div>
4664+{% highlight html %}
4665+<ul class="nav nav-pills nav-stacked">
4666+ <li class="active">
4667+ <a href="#">
4668+ <span class="badge pull-right">42</span>
4669+ Home
4670+ </a>
4671+ </li>
4672+ ...
4673+</ul>
4674+{% endhighlight %}
4675+ </div>
4676+
4677+
4678+
4679+ <!-- Jumbotron
4680+ ================================================== -->
4681+ <div class="bs-docs-section">
4682+ <div class="page-header">
4683+ <h1 id="jumbotron">Jumbotron</h1>
4684+ </div>
4685+ <p>A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.</p>
4686+ <div class="bs-example">
4687+ <div class="jumbotron">
4688+ <h1>Hello, world!</h1>
4689+ <p>This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
4690+ <p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
4691+ </div>
4692+ </div>
4693+{% highlight html %}
4694+<div class="jumbotron">
4695+ <h1>Hello, world!</h1>
4696+ <p>...</p>
4697+ <p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
4698+</div>
4699+{% endhighlight %}
4700+ <p>To make the jumbotron full width, and without rounded corners, place it outside all <code>.container</code>s and instead add a <code>.container</code> within.</p>
4701+{% highlight html %}
4702+<div class="jumbotron">
4703+ <div class="container">
4704+ ...
4705+ </div>
4706+</div>
4707+{% endhighlight %}
4708+
4709+ </div>
4710+
4711+
4712+
4713+ <!-- Page header
4714+ ================================================== -->
4715+ <div class="bs-docs-section">
4716+ <div class="page-header">
4717+ <h1 id="page-header">Page header</h1>
4718+ </div>
4719+ <p>A simple shell for an <code>h1</code> to appropriately space out and segment sections of content on a page. It can utilize the <code>h1</code>'s default <code>small</code> element, as well as most other components (with additional styles).</p>
4720+ <div class="bs-example">
4721+ <div class="page-header">
4722+ <h1>Example page header <small>Subtext for header</small></h1>
4723+ </div>
4724+ </div>
4725+{% highlight html %}
4726+<div class="page-header">
4727+ <h1>Example page header <small>Subtext for header</small></h1>
4728+</div>
4729+{% endhighlight %}
4730+ </div>
4731+
4732+
4733+
4734+ <!-- Thumbnails
4735+ ================================================== -->
4736+ <div class="bs-docs-section">
4737+ <div class="page-header">
4738+ <h1 id="thumbnails">Thumbnails</h1>
4739+ </div>
4740+ <p class="lead">Extend Bootstrap's <a href="../css/#grid">grid system</a> with the thumbnail component to easily display grids of images, videos, text, and more.</p>
4741+
4742+ <h3 id="thumbnails-default">Default example</h3>
4743+ <p>By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.</p>
4744+ <div class="bs-example">
4745+ <div class="row">
4746+ <div class="col-sm-6 col-md-3">
4747+ <a href="#" class="thumbnail">
4748+ <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
4749+ </a>
4750+ </div>
4751+ <div class="col-sm-6 col-md-3">
4752+ <a href="#" class="thumbnail">
4753+ <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
4754+ </a>
4755+ </div>
4756+ <div class="col-sm-6 col-md-3">
4757+ <a href="#" class="thumbnail">
4758+ <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
4759+ </a>
4760+ </div>
4761+ <div class="col-sm-6 col-md-3">
4762+ <a href="#" class="thumbnail">
4763+ <img data-src="holder.js/100%x180" alt="Generic placeholder thumbnail">
4764+ </a>
4765+ </div>
4766+ </div>
4767+ </div><!-- /.bs-example -->
4768+{% highlight html %}
4769+<div class="row">
4770+ <div class="col-sm-6 col-md-3">
4771+ <a href="#" class="thumbnail">
4772+ <img data-src="holder.js/100%x180" alt="...">
4773+ </a>
4774+ </div>
4775+ ...
4776+</div>
4777+{% endhighlight %}
4778+
4779+ <h3 id="thumbnails-custom-content">Custom content</h3>
4780+ <p>With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.</p>
4781+ <div class="bs-example">
4782+ <div class="row">
4783+ <div class="col-sm-6 col-md-4">
4784+ <div class="thumbnail">
4785+ <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail">
4786+ <div class="caption">
4787+ <h3>Thumbnail label</h3>
4788+ <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
4789+ <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
4790+ </div>
4791+ </div>
4792+ </div>
4793+ <div class="col-sm-6 col-md-4">
4794+ <div class="thumbnail">
4795+ <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail">
4796+ <div class="caption">
4797+ <h3>Thumbnail label</h3>
4798+ <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
4799+ <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
4800+ </div>
4801+ </div>
4802+ </div>
4803+ <div class="col-sm-6 col-md-4">
4804+ <div class="thumbnail">
4805+ <img data-src="holder.js/300x200" alt="Generic placeholder thumbnail">
4806+ <div class="caption">
4807+ <h3>Thumbnail label</h3>
4808+ <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
4809+ <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
4810+ </div>
4811+ </div>
4812+ </div>
4813+ </div>
4814+ </div><!-- /.bs-example -->
4815+{% highlight html %}
4816+<div class="row">
4817+ <div class="col-sm-6 col-md-4">
4818+ <div class="thumbnail">
4819+ <img data-src="holder.js/300x200" alt="...">
4820+ <div class="caption">
4821+ <h3>Thumbnail label</h3>
4822+ <p>...</p>
4823+ <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
4824+ </div>
4825+ </div>
4826+ </div>
4827+</div>
4828+{% endhighlight %}
4829+ </div>
4830+
4831+
4832+
4833+
4834+ <!-- Alerts
4835+ ================================================== -->
4836+ <div class="bs-docs-section">
4837+ <div class="page-header">
4838+ <h1 id="alerts">Alerts</h1>
4839+ </div>
4840+ <p class="lead">Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. For inline dismissal, use the <a href="../javascript/#alerts">alerts jQuery plugin</a>.</p>
4841+
4842+ <h2 id="alerts-examples">Examples</h2>
4843+ <p>Wrap any text and an optional dismiss button in <code>.alert</code> and one of the four contextual classes (e.g., <code>.alert-success</code>) for basic alert messages.</p>
4844+
4845+ <div class="bs-callout bs-callout-info">
4846+ <h4>No default class</h4>
4847+ <p>Alerts don't have default classes, only base and modifier classes. A default gray alert doesn't make too much sense, so you're required to specify a type via contextual class. Choose from success, info, warning, or danger.</p>
4848+ </div>
4849+
4850+ <div class="bs-example">
4851+ <div class="alert alert-success">
4852+ <strong>Well done!</strong> You successfully read this important alert message.
4853+ </div>
4854+ <div class="alert alert-info">
4855+ <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
4856+ </div>
4857+ <div class="alert alert-warning">
4858+ <strong>Warning!</strong> Best check yo self, you're not looking too good.
4859+ </div>
4860+ <div class="alert alert-danger">
4861+ <strong>Oh snap!</strong> Change a few things up and try submitting again.
4862+ </div>
4863+ </div>
4864+{% highlight html %}
4865+<div class="alert alert-success">...</div>
4866+<div class="alert alert-info">...</div>
4867+<div class="alert alert-warning">...</div>
4868+<div class="alert alert-danger">...</div>
4869+{% endhighlight %}
4870+
4871+ <h2 id="alerts-dismissable">Dismissable alerts</h2>
4872+ <p>Build on any alert by adding an optional <code>.alert-dismissable</code> and close button.</p>
4873+ <div class="bs-example">
4874+ <div class="alert alert-warning alert-dismissable">
4875+ <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
4876+ <strong>Warning!</strong> Best check yo self, you're not looking too good.
4877+ </div>
4878+ </div>
4879+{% highlight html %}
4880+<div class="alert alert-warning alert-dismissable">
4881+ <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
4882+ <strong>Warning!</strong> Best check yo self, you're not looking too good.
4883+</div>
4884+{% endhighlight %}
4885+
4886+ <div class="bs-callout bs-callout-warning">
4887+ <h4>Ensure proper behavior across all devices</h4>
4888+ <p>Be sure to use the <code>&lt;button&gt;</code> element with the <code>data-dismiss="alert"</code> data attribute.</p>
4889+ </div>
4890+
4891+ <h2 id="alerts-links">Links in alerts</h2>
4892+ <p>Use the <code>.alert-link</code> utility class to quickly provide matching colored links within any alert.</p>
4893+ <div class="bs-example">
4894+ <div class="alert alert-success">
4895+ <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.
4896+ </div>
4897+ <div class="alert alert-info">
4898+ <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
4899+ </div>
4900+ <div class="alert alert-warning">
4901+ <strong>Warning!</strong> Best check yo self, you're <a href="#" class="alert-link">not looking too good</a>.
4902+ </div>
4903+ <div class="alert alert-danger">
4904+ <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
4905+ </div>
4906+ </div>
4907+{% highlight html %}
4908+<div class="alert alert-success">
4909+ <a href="#" class="alert-link">...</a>
4910+</div>
4911+<div class="alert alert-info">
4912+ <a href="#" class="alert-link">...</a>
4913+</div>
4914+<div class="alert alert-warning">
4915+ <a href="#" class="alert-link">...</a>
4916+</div>
4917+<div class="alert alert-danger">
4918+ <a href="#" class="alert-link">...</a>
4919+</div>
4920+{% endhighlight %}
4921+ </div>
4922+
4923+
4924+
4925+
4926+ <!-- Progress bars
4927+ ================================================== -->
4928+ <div class="bs-docs-section">
4929+ <div class="page-header">
4930+ <h1 id="progress">Progress bars</h1>
4931+ </div>
4932+ <p class="lead">Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.</p>
4933+
4934+ <div class="bs-callout bs-callout-danger">
4935+ <h4>Cross-browser compatibility</h4>
4936+ <p>Progress bars use CSS3 transitions and animations to achieve some of their effects. These features are not supported in Internet Explorer 9 and below or older versions of Firefox. Opera 12 does not support animations.</p>
4937+ </div>
4938+
4939+ <h3 id="progress-basic">Basic example</h3>
4940+ <p>Default progress bar.</p>
4941+ <div class="bs-example">
4942+ <div class="progress">
4943+ <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
4944+ <span class="sr-only">60% Complete</span>
4945+ </div>
4946+ </div>
4947+ </div>
4948+{% highlight html %}
4949+<div class="progress">
4950+ <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
4951+ <span class="sr-only">60% Complete</span>
4952+ </div>
4953+</div>
4954+{% endhighlight %}
4955+
4956+ <h3 id="progress-alternatives">Contextual alternatives</h3>
4957+ <p>Progress bars use some of the same button and alert classes for consistent styles.</p>
4958+ <div class="bs-example">
4959+ <div class="progress">
4960+ <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
4961+ <span class="sr-only">40% Complete (success)</span>
4962+ </div>
4963+ </div>
4964+ <div class="progress">
4965+ <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
4966+ <span class="sr-only">20% Complete</span>
4967+ </div>
4968+ </div>
4969+ <div class="progress">
4970+ <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
4971+ <span class="sr-only">60% Complete (warning)</span>
4972+ </div>
4973+ </div>
4974+ <div class="progress">
4975+ <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
4976+ <span class="sr-only">80% Complete (danger)</span>
4977+ </div>
4978+ </div>
4979+ </div>
4980+{% highlight html %}
4981+<div class="progress">
4982+ <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
4983+ <span class="sr-only">40% Complete (success)</span>
4984+ </div>
4985+</div>
4986+<div class="progress">
4987+ <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
4988+ <span class="sr-only">20% Complete</span>
4989+ </div>
4990+</div>
4991+<div class="progress">
4992+ <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
4993+ <span class="sr-only">60% Complete (warning)</span>
4994+ </div>
4995+</div>
4996+<div class="progress">
4997+ <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
4998+ <span class="sr-only">80% Complete</span>
4999+ </div>
5000+</div>
The diff has been truncated for viewing.