Merge lp:~openerp-dev/openerp-web/trunk-web-bootstrap3 into lp:openerp-web
- trunk-web-bootstrap3
- Merge into trunk
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 |
Related bugs: |
Reviewer | Review Type | Date Requested | Status |
---|---|---|---|
OpenERP R&D Web Team | Pending | ||
Review via email:
|
Commit message
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
![](/+icing/build/overlay/assets/skins/sam/images/close.gif)
Antony Lesuisse (OpenERP) (al-openerp) wrote : | # |
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 }} · 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&repo=bootstrap&type=watch&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&repo=bootstrap&type=fork&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">·</li> |
1739 | + <li><a href="{{ page.base_url }}2.3.2/">Bootstrap 2.3.2 docs</a></li> |
1740 | + <li class="muted">·</li> |
1741 | + <li><a href="{{ site.blog }}">Blog</a></li> |
1742 | + <li class="muted">·</li> |
1743 | + <li><a href="{{ site.repo }}/issues?state=open">Issues</a></li> |
1744 | + <li class="muted">·</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&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&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&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&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><li></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 & 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><div class="btn-group"></code> into a <code><div class="btn-toolbar"></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><a></code> elements as the <code><button></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><select></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 & 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><a></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><button></code> elements not residing in a <code><form></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><a></code> and <code><input></code> elements. However, neither <code>.navbar-btn</code> nor the standard button classes should be used on <code><a></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><p></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><ul></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><body></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><body></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="#">«</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="#">»</a></li> |
4432 | + </ul> |
4433 | + </div> |
4434 | +{% highlight html %} |
4435 | +<ul class="pagination"> |
4436 | + <li><a href="#">«</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="#">»</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="#">«</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="#">»</a></li> |
4457 | + </ul> |
4458 | + </div> |
4459 | +{% highlight html %} |
4460 | +<ul class="pagination"> |
4461 | + <li class="disabled"><a href="#">«</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><span></code> to remove click functionality while retaining intended styles.</p> |
4467 | +{% highlight html %} |
4468 | +<ul class="pagination"> |
4469 | + <li class="disabled"><span>«</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="#">«</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="#">»</a></li> |
4488 | + </ul> |
4489 | + </div> |
4490 | + <div> |
4491 | + <ul class="pagination"> |
4492 | + <li><a href="#">«</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="#">»</a></li> |
4499 | + </ul> |
4500 | + </div> |
4501 | + <div> |
4502 | + <ul class="pagination pagination-sm"> |
4503 | + <li><a href="#">«</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="#">»</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="#">← Older</a></li> |
4543 | + <li class="next"><a href="#">Newer →</a></li> |
4544 | + </ul> |
4545 | + </div> |
4546 | +{% highlight html %} |
4547 | +<ul class="pager"> |
4548 | + <li class="previous"><a href="#">← Older</a></li> |
4549 | + <li class="next"><a href="#">Newer →</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="#">← Older</a></li> |
4559 | + <li class="next"><a href="#">Newer →</a></li> |
4560 | + </ul> |
4561 | + </div> |
4562 | +{% highlight html %} |
4563 | +<ul class="pager"> |
4564 | + <li class="previous disabled"><a href="#">← Older</a></li> |
4565 | + <li class="next"><a href="#">Newer →</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><span class="badge"></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">×</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">×</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><button></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.
Merged manually at 3891 revid:<email address hidden>