locomotivecms_wagon 2.0.0.rc2 → 2.0.0.rc3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/Gemfile +1 -1
- data/generators/{bootstrap3 → bootstrap}/Gemfile.tt +0 -0
- data/generators/{bootstrap3 → bootstrap}/app/content_types/.empty_directory +0 -0
- data/generators/bootstrap/app/views/pages/404.liquid +18 -0
- data/generators/bootstrap/app/views/pages/404.liquid.haml +14 -0
- data/generators/bootstrap/app/views/pages/index.liquid +31 -0
- data/generators/bootstrap/app/views/pages/index.liquid.haml +25 -0
- data/generators/bootstrap/app/views/pages/layouts/default.liquid +31 -0
- data/generators/bootstrap/app/views/pages/layouts/default.liquid.haml +30 -0
- data/generators/bootstrap/app/views/pages/layouts/simple.liquid +36 -0
- data/generators/bootstrap/app/views/pages/layouts/simple.liquid.haml +29 -0
- data/generators/bootstrap/app/views/snippets/footer.liquid +5 -0
- data/generators/bootstrap/app/views/snippets/footer.liquid.haml +3 -0
- data/generators/bootstrap/app/views/snippets/nav.liquid +26 -0
- data/generators/bootstrap/app/views/snippets/nav.liquid.haml +19 -0
- data/generators/{bootstrap3 → bootstrap}/config/deploy.yml +0 -0
- data/generators/bootstrap/config/site.yml.tt +1 -6
- data/generators/{bootstrap3 → bootstrap}/config/translations.yml +0 -0
- data/generators/{bootstrap3 → bootstrap}/data/.empty_directory +0 -0
- data/generators/{bootstrap3 → bootstrap}/icon.png +0 -0
- data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
- data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
- data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
- data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
- data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
- data/generators/{bootstrap3/public/samples → bootstrap/public/images}/favicon.png +0 -0
- data/generators/bootstrap/public/javascripts/application.js +2 -0
- data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/affix.js +60 -35
- data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/alert.js +15 -9
- data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/button.js +33 -20
- data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/carousel.js +79 -47
- data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/collapse.js +84 -43
- data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/dropdown.js +64 -46
- data/generators/bootstrap/public/javascripts/bootstrap/modal.js +337 -0
- data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/popover.js +12 -14
- data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/scrollspy.js +57 -38
- data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/tab.js +54 -24
- data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/tooltip.js +202 -87
- data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/transition.js +19 -8
- data/generators/bootstrap/public/javascripts/bootstrap.min.js +7 -0
- data/generators/bootstrap/public/javascripts/jquery.min.js +5 -0
- data/generators/bootstrap/public/stylesheets/application.css +7 -0
- data/generators/bootstrap/public/stylesheets/application.scss +7 -0
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_alerts.scss +9 -3
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_badges.scss +26 -13
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_breadcrumbs.scss +3 -1
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_button-groups.scss +32 -14
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_buttons.scss +22 -13
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_carousel.scss +43 -6
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_close.scss +1 -0
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_code.scss +7 -1
- data/generators/bootstrap/public/stylesheets/bootstrap/_component-animations.scss +37 -0
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_dropdowns.scss +12 -9
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_forms.scss +240 -65
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_glyphicons.scss +83 -9
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_grid.scss +4 -4
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_input-groups.scss +7 -2
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_jumbotron.scss +12 -4
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_labels.scss +11 -9
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_list-group.scss +32 -12
- data/generators/bootstrap/public/stylesheets/bootstrap/_media.scss +66 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/_mixins.scss +40 -0
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_modals.scss +18 -7
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_navbar.scss +75 -33
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_navs.scss +4 -4
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_normalize.scss +29 -28
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_pager.scss +2 -3
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_pagination.scss +4 -3
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_panels.scss +40 -10
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_popovers.scss +6 -8
- data/generators/bootstrap/public/stylesheets/bootstrap/_print.scss +101 -0
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_progress-bars.scss +13 -6
- data/generators/bootstrap/public/stylesheets/bootstrap/_responsive-embed.scss +35 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/_responsive-utilities.scss +179 -0
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_scaffolding.scss +31 -4
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_tables.scss +17 -16
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_theme.scss +57 -13
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_thumbnails.scss +2 -2
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_tooltip.scss +13 -7
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_type.scss +38 -24
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_utilities.scss +3 -4
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_variables.scss +86 -47
- data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_wells.scss +0 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_background-variant.scss +12 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_buttons.scss +68 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_forms.scss +88 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_grid.scss +122 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_image.scss +33 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_labels.scss +12 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_list-group.scss +32 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_pagination.scss +24 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_panels.scss +24 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_resize.scss +6 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_size.scss +10 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_text-emphasis.scss +12 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
- data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
- data/generators/bootstrap/public/stylesheets/bootstrap.css +5 -0
- data/generators/{bootstrap3/public/stylesheets/bootstrap.css.scss → bootstrap/public/stylesheets/bootstrap.scss} +16 -2
- data/lib/locomotive/wagon/cli.rb +3 -3
- data/lib/locomotive/wagon/commands/authenticate_command.rb +2 -1
- data/lib/locomotive/wagon/commands/concerns/spinner_concern.rb +29 -0
- data/lib/locomotive/wagon/commands/pull_command.rb +18 -3
- data/lib/locomotive/wagon/commands/push_command.rb +28 -4
- data/lib/locomotive/wagon/commands/sync_command.rb +21 -6
- data/lib/locomotive/wagon/commands/sync_sub_commands/sync_pages_command.rb +27 -3
- data/lib/locomotive/wagon/generators/site/{bootstrap3.rb → bootstrap.rb} +12 -6
- data/lib/locomotive/wagon/generators/site.rb +1 -1
- data/lib/locomotive/wagon/tools/listen.rb +1 -1
- data/lib/locomotive/wagon/version.rb +1 -1
- data/lib/locomotive/wagon.rb +2 -2
- data/locomotivecms_wagon.gemspec +3 -2
- data/spec/unit/decorators/theme_asset_decorator_spec.rb +10 -0
- metadata +124 -90
- data/generators/bootstrap3/app/views/pages/404.liquid +0 -13
- data/generators/bootstrap3/app/views/pages/404.liquid.haml +0 -10
- data/generators/bootstrap3/app/views/pages/index.liquid +0 -738
- data/generators/bootstrap3/app/views/pages/index.liquid.haml +0 -1018
- data/generators/bootstrap3/app/views/snippets/footer.liquid +0 -3
- data/generators/bootstrap3/app/views/snippets/footer.liquid.haml +0 -2
- data/generators/bootstrap3/config/site.yml.tt +0 -28
- data/generators/bootstrap3/public/fonts/glyphicons-halflings-regular.eot +0 -0
- data/generators/bootstrap3/public/fonts/glyphicons-halflings-regular.svg +0 -229
- data/generators/bootstrap3/public/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/generators/bootstrap3/public/fonts/glyphicons-halflings-regular.woff +0 -0
- data/generators/bootstrap3/public/images/.empty_directory +0 -1
- data/generators/bootstrap3/public/javascripts/bootstrap/modal.js +0 -243
- data/generators/bootstrap3/public/javascripts/bootstrap.min.js +0 -12
- data/generators/bootstrap3/public/samples/apple-touch-icon-114x114-precomposed.png +0 -0
- data/generators/bootstrap3/public/samples/apple-touch-icon-144x144-precomposed.png +0 -0
- data/generators/bootstrap3/public/samples/apple-touch-icon-72x72-precomposed.png +0 -0
- data/generators/bootstrap3/public/samples/apple-touch-icon-precomposed.png +0 -0
- data/generators/bootstrap3/public/stylesheets/application.css +0 -1
- data/generators/bootstrap3/public/stylesheets/application.css.scss +0 -8
- data/generators/bootstrap3/public/stylesheets/bootstrap/_component-animations.scss +0 -29
- data/generators/bootstrap3/public/stylesheets/bootstrap/_media.scss +0 -56
- data/generators/bootstrap3/public/stylesheets/bootstrap/_mixins.scss +0 -947
- data/generators/bootstrap3/public/stylesheets/bootstrap/_print.scss +0 -101
- data/generators/bootstrap3/public/stylesheets/bootstrap/_responsive-utilities.scss +0 -74
- data/generators/bootstrap3/public/stylesheets/bootstrap/bootstrap.css.scss +0 -49
- data/generators/bootstrap3/public/stylesheets/bootstrap.css +0 -5784
- data/lib/locomotive/wagon/generators/site/bootstrap2.rb +0 -34
@@ -1,738 +0,0 @@
|
|
1
|
-
---
|
2
|
-
title: Home page
|
3
|
-
published: true
|
4
|
-
---
|
5
|
-
<!DOCTYPE html>
|
6
|
-
<html lang="en">
|
7
|
-
<head>
|
8
|
-
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
9
|
-
<meta charset="utf-8">
|
10
|
-
<title>{{ site.name }}</title>
|
11
|
-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
12
|
-
|
13
|
-
{{ 'application.css' | stylesheet_tag }}
|
14
|
-
|
15
|
-
<!--[if lt IE 9]>
|
16
|
-
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
17
|
-
<![endif]-->
|
18
|
-
<link rel="shortcut icon" href="/samples/favicon.png">
|
19
|
-
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/samples/apple-touch-icon-144x144-precomposed.png">
|
20
|
-
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/samples/apple-touch-icon-114x114-precomposed.png">
|
21
|
-
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/samples/apple-touch-icon-72x72-precomposed.png">
|
22
|
-
<link rel="apple-touch-icon-precomposed" href="/samples/apple-touch-icon-precomposed.png">
|
23
|
-
|
24
|
-
{% inline_editor %}
|
25
|
-
|
26
|
-
</head>
|
27
|
-
<body>
|
28
|
-
<div class="container">
|
29
|
-
<h1>{{ page.title }}</h1>
|
30
|
-
<p class="lead">A Full Featured Example</p>
|
31
|
-
|
32
|
-
<!-- Typography
|
33
|
-
================================================== -->
|
34
|
-
<section id="typography">
|
35
|
-
<div class="page-header">
|
36
|
-
</div>
|
37
|
-
<!-- Headings & Paragraph Copy -->
|
38
|
-
<div class="row">
|
39
|
-
<div class="col-lg-6">
|
40
|
-
<div class="well">
|
41
|
-
<h1>h1. Bootstrap 3</h1>
|
42
|
-
<h2>h2. Heading 2</h2>
|
43
|
-
<h3>h3. Heading 3</h3>
|
44
|
-
<h4>h4. Heading 4</h4>
|
45
|
-
<h5>h5. Heading 5</h5>
|
46
|
-
<h6>h6. Heading 6</h6>
|
47
|
-
</div>
|
48
|
-
</div>
|
49
|
-
<div class="col-lg-6">
|
50
|
-
<h3>Bootstrap Framework</h3>
|
51
|
-
<p>In simple terms, a responsive web design figures out what resolution of device it's being served on. Flexible grids then size correctly to fit the screen.</p>
|
52
|
-
<p>The new Bootstrap 3 promises to be a smaller build. The separate Bootstrap base and responsive.css files have now been merged into one. There is no more fixed grid, only fluid.</p>
|
53
|
-
<hr>
|
54
|
-
<blockquote class="pull-right">
|
55
|
-
<p>Have you ever had a project where you thought it would be so much better to just throw everything out and start over? I believe that’s what’s happening with BS3.</p>
|
56
|
-
<small><cite title="Source Title">Quasipickle</cite></small>
|
57
|
-
</blockquote>
|
58
|
-
</div>
|
59
|
-
</div>
|
60
|
-
</section>
|
61
|
-
|
62
|
-
<!-- Bootstrap 3 Navbar
|
63
|
-
================================================== -->
|
64
|
-
<section id="navbar">
|
65
|
-
<div class="page-header">
|
66
|
-
<h1>Bootstrap 3 Navbar</h1>
|
67
|
-
</div>
|
68
|
-
<div class="container">
|
69
|
-
<nav class="navbar" role="navigation">
|
70
|
-
<!-- Brand and toggle get grouped for better mobile display -->
|
71
|
-
<div class="navbar-header">
|
72
|
-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
|
73
|
-
<span class="sr-only">Toggle navigation</span>
|
74
|
-
<span class="icon-bar"></span>
|
75
|
-
<span class="icon-bar"></span>
|
76
|
-
<span class="icon-bar"></span>
|
77
|
-
</button>
|
78
|
-
<a class="navbar-brand" href="#">Title</a>
|
79
|
-
</div>
|
80
|
-
<!-- Collect the nav links, forms, and other content for toggling -->
|
81
|
-
<div class="collapse navbar-collapse navbar-ex1-collapse">
|
82
|
-
<ul class="nav navbar-nav">
|
83
|
-
<li class="active"><a href="#">Home</a></li>
|
84
|
-
<li><a href="#">Link</a></li>
|
85
|
-
<li><a href="#">Link</a></li>
|
86
|
-
<li class="dropdown">
|
87
|
-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
88
|
-
<ul class="dropdown-menu">
|
89
|
-
<li><a href="#">Action</a></li>
|
90
|
-
<li><a href="#">One more separated link</a></li>
|
91
|
-
</ul>
|
92
|
-
</li>
|
93
|
-
</ul>
|
94
|
-
<ul class="nav navbar-nav navbar-right">
|
95
|
-
<li><a href="#">Link</a></li>
|
96
|
-
</ul>
|
97
|
-
</div><!-- /.navbar-collapse -->
|
98
|
-
</nav>
|
99
|
-
</div>
|
100
|
-
<div class="container">
|
101
|
-
<nav class="navbar navbar-inverse" role="navigation">
|
102
|
-
<!-- Brand and toggle get grouped for better mobile display -->
|
103
|
-
<div class="navbar-header">
|
104
|
-
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
|
105
|
-
<span class="sr-only">Toggle navigation</span>
|
106
|
-
<span class="icon-bar"></span>
|
107
|
-
<span class="icon-bar"></span>
|
108
|
-
<span class="icon-bar"></span>
|
109
|
-
</button>
|
110
|
-
<a class="navbar-brand" href="#">Title</a>
|
111
|
-
</div>
|
112
|
-
<!-- Collect the nav links, forms, and other content for toggling -->
|
113
|
-
<div class="collapse navbar-collapse navbar-ex1-collapse">
|
114
|
-
<ul class="nav navbar-nav">
|
115
|
-
<li class="active"><a href="#">Home</a></li>
|
116
|
-
<li><a href="#">Link</a></li>
|
117
|
-
<li><a href="#">Link</a></li>
|
118
|
-
<li class="dropdown">
|
119
|
-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
|
120
|
-
<ul class="dropdown-menu">
|
121
|
-
<li><a href="#">Action</a></li>
|
122
|
-
<li><a href="#">One more separated link</a></li>
|
123
|
-
</ul>
|
124
|
-
</li>
|
125
|
-
</ul>
|
126
|
-
<ul class="nav navbar-nav navbar-right">
|
127
|
-
<li><a href="#">Link</a></li>
|
128
|
-
</ul>
|
129
|
-
</div><!-- /.navbar-collapse -->
|
130
|
-
</nav>
|
131
|
-
</div>
|
132
|
-
</section>
|
133
|
-
|
134
|
-
<!--Bootstrap 3 Scaffolding
|
135
|
-
================================================== -->
|
136
|
-
<section>
|
137
|
-
<div class="page-header">
|
138
|
-
<h1>Grid</h1>
|
139
|
-
<p class="lead">Bootstrap 3 scaffolding has changed for improved display on mobile devices</p>
|
140
|
-
</div>
|
141
|
-
<div class="container">
|
142
|
-
<div class="row">
|
143
|
-
<div class="col-lg-12"><div class="well"><p>col-lg-12</p></div></div>
|
144
|
-
</div>
|
145
|
-
<div class="row">
|
146
|
-
<div class="col-lg-4"><div class="well"><p>col-lg-4</p></div></div>
|
147
|
-
<div class="col-lg-4"><div class="well"><p>col-lg-4</p></div></div>
|
148
|
-
<div class="col-lg-4"><div class="well"><p>col-lg-4</p></div></div>
|
149
|
-
</div>
|
150
|
-
<div class="row">
|
151
|
-
<div class="col-lg-6 col-sm-6"><div class="well"><p>col-lg-6</p></div></div>
|
152
|
-
<div class="col-lg-6 col-sm-6"><div class="well"><p>col-lg-6</p></div></div>
|
153
|
-
</div>
|
154
|
-
<div class="row">
|
155
|
-
<div class="col-lg-9 col-sm-6"><div class="well">col-lg-9 / col-sm-6</div></div>
|
156
|
-
<div class="col-lg-3 col-sm-6"><div class="well">col-lg-3 / col-sm-6</div></div>
|
157
|
-
</div>
|
158
|
-
</div>
|
159
|
-
</section>
|
160
|
-
|
161
|
-
<!-- Bootstrap 3 Buttons
|
162
|
-
================================================== -->
|
163
|
-
<section id="buttons">
|
164
|
-
<div class="page-header">
|
165
|
-
<h1>Bootstrap 3 Buttons</h1>
|
166
|
-
<p class="lead">With no gradients and borders, Bootstrap 3.0 buttons now have a flatter look</p>
|
167
|
-
</div>
|
168
|
-
<h2>Button Sizes (4)</h2>
|
169
|
-
<ul class="the-buttons clearfix">
|
170
|
-
<li><a class="btn btn-xs btn-primary" href="#">btn-xs</a></li>
|
171
|
-
<li><a class="btn btn-sm btn-primary" href="#">btn-sm</a></li>
|
172
|
-
<li><a class="btn btn-primary" href="#">btn</a></li>
|
173
|
-
<li><a class="btn btn-lg btn-primary" href="#">btn-lg</a></li>
|
174
|
-
</ul>
|
175
|
-
<h2>Button Classes</h2>
|
176
|
-
<ul class="the-buttons clearfix">
|
177
|
-
<li><a class="btn btn-default" href="#">Default</a></li>
|
178
|
-
<li><a class="btn btn-primary" href="#">Primary</a></li>
|
179
|
-
<li><a class="btn btn-success" href="#">Success</a></li>
|
180
|
-
<li><a class="btn btn-info" href="#">Info</a></li>
|
181
|
-
<li><a class="btn btn-warning" href="#">Warning</a></li>
|
182
|
-
<li><a class="btn btn-danger" href="#">Danger</a></li>
|
183
|
-
<li><a class="btn btn-primary disabled" href="#">Disabled</a></li>
|
184
|
-
<li><a class="btn btn-link" href="#">Link</a></li>
|
185
|
-
<li>
|
186
|
-
<!-- Single button -->
|
187
|
-
<div class="btn-group">
|
188
|
-
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
|
189
|
-
Dropdown <span class="caret"></span>
|
190
|
-
</button>
|
191
|
-
<ul class="dropdown-menu">
|
192
|
-
<li><a href="#">Action</a></li>
|
193
|
-
<li><a href="#">Another action</a></li>
|
194
|
-
<li><a href="#">Something else here</a></li>
|
195
|
-
<li class="divider"></li>
|
196
|
-
<li><a href="#">Separated link</a></li>
|
197
|
-
</ul>
|
198
|
-
</div>
|
199
|
-
</li>
|
200
|
-
<li><a class="btn btn-info" href="#"><i class="glyphicon glyphicon-map-marker"></i> Icon</a></li>
|
201
|
-
</ul>
|
202
|
-
</section>
|
203
|
-
|
204
|
-
<!-- Icons
|
205
|
-
================================================== -->
|
206
|
-
<section id="icons">
|
207
|
-
<div class="page-header">
|
208
|
-
<h2>Bootstrap 3 Icons</h2>
|
209
|
-
<p class="lead">The 2.x icons are now replaced by glyphicons in BS3.</p>
|
210
|
-
</div>
|
211
|
-
<div class="row">
|
212
|
-
<ul class="the-icons clearfix">
|
213
|
-
<li><i class="glyphicon glyphicon-glass"></i> glyphicon-glass</li>
|
214
|
-
<li><i class="glyphicon glyphicon-music"></i> glyphicon-music</li>
|
215
|
-
<li><i class="glyphicon glyphicon-search"></i> glyphicon-search</li>
|
216
|
-
<li><i class="glyphicon glyphicon-envelope"></i> glyphicon-envelope</li>
|
217
|
-
<li><i class="glyphicon glyphicon-heart"></i> glyphicon-heart</li>
|
218
|
-
<li><i class="glyphicon glyphicon-star"></i> glyphicon-star</li>
|
219
|
-
<li><i class="glyphicon glyphicon-star-empty"></i> glyphicon-star-empty</li>
|
220
|
-
<li><i class="glyphicon glyphicon-user"></i> glyphicon-user</li>
|
221
|
-
<li><i class="glyphicon glyphicon-film"></i> glyphicon-film</li>
|
222
|
-
<li><i class="glyphicon glyphicon-th-large"></i> glyphicon-th-large</li>
|
223
|
-
<li><i class="glyphicon glyphicon-th"></i> glyphicon-th</li>
|
224
|
-
<li><i class="glyphicon glyphicon-th-list"></i> glyphicon-th-list</li>
|
225
|
-
<li><i class="glyphicon glyphicon-ok"></i> glyphicon-ok</li>
|
226
|
-
<li><i class="glyphicon glyphicon-remove"></i> glyphicon-remove</li>
|
227
|
-
<li><i class="glyphicon glyphicon-zoom-in"></i> glyphicon-zoom-in</li>
|
228
|
-
<li><i class="glyphicon glyphicon-zoom-out"></i> glyphicon-zoom-out</li>
|
229
|
-
<li><i class="glyphicon glyphicon-off"></i> glyphicon-off</li>
|
230
|
-
<li><i class="glyphicon glyphicon-signal"></i> glyphicon-signal</li>
|
231
|
-
<li><i class="glyphicon glyphicon-cog"></i> glyphicon-cog</li>
|
232
|
-
<li><i class="glyphicon glyphicon-trash"></i> glyphicon-trash</li>
|
233
|
-
<li><i class="glyphicon glyphicon-home"></i> glyphicon-home</li>
|
234
|
-
<li><i class="glyphicon glyphicon-file"></i> glyphicon-file</li>
|
235
|
-
<li><i class="glyphicon glyphicon-time"></i> glyphicon-time</li>
|
236
|
-
<li><i class="glyphicon glyphicon-road"></i> glyphicon-road</li>
|
237
|
-
<li><i class="glyphicon glyphicon-download-alt"></i> glyphicon-download-alt</li>
|
238
|
-
<li><i class="glyphicon glyphicon-download"></i> glyphicon-download</li>
|
239
|
-
<li><i class="glyphicon glyphicon-upload"></i> glyphicon-upload</li>
|
240
|
-
<li><i class="glyphicon glyphicon-inbox"></i> glyphicon-inbox</li>
|
241
|
-
<li><i class="glyphicon glyphicon-play-circle"></i> glyphicon-play-circle</li>
|
242
|
-
<li><i class="glyphicon glyphicon-repeat"></i> glyphicon-repeat</li>
|
243
|
-
<li><i class="glyphicon glyphicon-refresh"></i> glyphicon-refresh</li>
|
244
|
-
<li><i class="glyphicon glyphicon-list-alt"></i> glyphicon-list-alt</li>
|
245
|
-
<li><i class="glyphicon glyphicon-lock"></i> glyphicon-lock</li>
|
246
|
-
<li><i class="glyphicon glyphicon-flag"></i> glyphicon-flag</li>
|
247
|
-
<li><i class="glyphicon glyphicon-headphones"></i> glyphicon-headphones</li>
|
248
|
-
<li><i class="glyphicon glyphicon-volume-off"></i> glyphicon-volume-off</li>
|
249
|
-
<li><i class="glyphicon glyphicon-volume-down"></i> glyphicon-volume-down</li>
|
250
|
-
<li><i class="glyphicon glyphicon-volume-up"></i> glyphicon-volume-up</li>
|
251
|
-
<li><i class="glyphicon glyphicon-qrcode"></i> glyphicon-qrcode</li>
|
252
|
-
<li><i class="glyphicon glyphicon-barcode"></i> glyphicon-barcode</li>
|
253
|
-
<li><i class="glyphicon glyphicon-tag"></i> glyphicon-tag</li>
|
254
|
-
<li><i class="glyphicon glyphicon-tags"></i> glyphicon-tags</li>
|
255
|
-
<li><i class="glyphicon glyphicon-book"></i> glyphicon-book</li>
|
256
|
-
<li><i class="glyphicon glyphicon-bookmark"></i> glyphicon-bookmark</li>
|
257
|
-
<li><i class="glyphicon glyphicon-print"></i> glyphicon-print</li>
|
258
|
-
<li><i class="glyphicon glyphicon-camera"></i> glyphicon-camera</li>
|
259
|
-
<li><i class="glyphicon glyphicon-font"></i> glyphicon-font</li>
|
260
|
-
<li><i class="glyphicon glyphicon-bold"></i> glyphicon-bold</li>
|
261
|
-
<li><i class="glyphicon glyphicon-italic"></i> glyphicon-italic</li>
|
262
|
-
<li><i class="glyphicon glyphicon-text-height"></i> glyphicon-text-height</li>
|
263
|
-
<li><i class="glyphicon glyphicon-text-width"></i> glyphicon-text-width</li>
|
264
|
-
<li><i class="glyphicon glyphicon-align-left"></i> glyphicon-align-left</li>
|
265
|
-
<li><i class="glyphicon glyphicon-align-center"></i> glyphicon-align-center</li>
|
266
|
-
<li><i class="glyphicon glyphicon-align-right"></i> glyphicon-align-right</li>
|
267
|
-
<li><i class="glyphicon glyphicon-align-justify"></i> glyphicon-align-justify</li>
|
268
|
-
<li><i class="glyphicon glyphicon-list"></i> glyphicon-list</li>
|
269
|
-
<li><i class="glyphicon glyphicon-indent-left"></i> glyphicon-indent-left</li>
|
270
|
-
<li><i class="glyphicon glyphicon-indent-right"></i> glyphicon-indent-right</li>
|
271
|
-
<li><i class="glyphicon glyphicon-facetime-video"></i> glyphicon-facetime-video</li>
|
272
|
-
<li><i class="glyphicon glyphicon-picture"></i> glyphicon-picture</li>
|
273
|
-
<li><i class="glyphicon glyphicon-pencil"></i> glyphicon-pencil</li>
|
274
|
-
<li><i class="glyphicon glyphicon-map-marker"></i> glyphicon-map-marker</li>
|
275
|
-
<li><i class="glyphicon glyphicon-adjust"></i> glyphicon-adjust</li>
|
276
|
-
<li><i class="glyphicon glyphicon-tint"></i> glyphicon-tint</li>
|
277
|
-
<li><i class="glyphicon glyphicon-edit"></i> glyphicon-edit</li>
|
278
|
-
<li><i class="glyphicon glyphicon-share"></i> glyphicon-share</li>
|
279
|
-
<li><i class="glyphicon glyphicon-check"></i> glyphicon-check</li>
|
280
|
-
<li><i class="glyphicon glyphicon-move"></i> glyphicon-move</li>
|
281
|
-
<li><i class="glyphicon glyphicon-step-backward"></i> glyphicon-step-backward</li>
|
282
|
-
<li><i class="glyphicon glyphicon-fast-backward"></i> glyphicon-fast-backward</li>
|
283
|
-
<li><i class="glyphicon glyphicon-backward"></i> glyphicon-backward</li>
|
284
|
-
<li><i class="glyphicon glyphicon-play"></i> glyphicon-play</li>
|
285
|
-
<li><i class="glyphicon glyphicon-pause"></i> glyphicon-pause</li>
|
286
|
-
<li><i class="glyphicon glyphicon-stop"></i> glyphicon-stop</li>
|
287
|
-
<li><i class="glyphicon glyphicon-forward"></i> glyphicon-forward</li>
|
288
|
-
<li><i class="glyphicon glyphicon-fast-forward"></i> glyphicon-fast-forward</li>
|
289
|
-
<li><i class="glyphicon glyphicon-step-forward"></i> glyphicon-step-forward</li>
|
290
|
-
<li><i class="glyphicon glyphicon-eject"></i> glyphicon-eject</li>
|
291
|
-
<li><i class="glyphicon glyphicon-chevron-left"></i> glyphicon-chevron-left</li>
|
292
|
-
<li><i class="glyphicon glyphicon-chevron-right"></i> glyphicon-chevron-right</li>
|
293
|
-
<li><i class="glyphicon glyphicon-plus-sign"></i> glyphicon-plus-sign</li>
|
294
|
-
<li><i class="glyphicon glyphicon-minus-sign"></i> glyphicon-minus-sign</li>
|
295
|
-
<li><i class="glyphicon glyphicon-remove-sign"></i> glyphicon-remove-sign</li>
|
296
|
-
<li><i class="glyphicon glyphicon-ok-sign"></i> glyphicon-ok-sign</li>
|
297
|
-
<li><i class="glyphicon glyphicon-question-sign"></i> glyphicon-question-sign</li>
|
298
|
-
<li><i class="glyphicon glyphicon-info-sign"></i> glyphicon-info-sign</li>
|
299
|
-
<li><i class="glyphicon glyphicon-screenshot"></i> glyphicon-screenshot</li>
|
300
|
-
<li><i class="glyphicon glyphicon-remove-circle"></i> glyphicon-remove-circle</li>
|
301
|
-
<li><i class="glyphicon glyphicon-ok-circle"></i> glyphicon-ok-circle</li>
|
302
|
-
<li><i class="glyphicon glyphicon-ban-circle"></i> glyphicon-ban-circle</li>
|
303
|
-
<li><i class="glyphicon glyphicon-arrow-left"></i> glyphicon-arrow-left</li>
|
304
|
-
<li><i class="glyphicon glyphicon-arrow-right"></i> glyphicon-arrow-right</li>
|
305
|
-
<li><i class="glyphicon glyphicon-arrow-up"></i> glyphicon-arrow-up</li>
|
306
|
-
<li><i class="glyphicon glyphicon-arrow-down"></i> glyphicon-arrow-down</li>
|
307
|
-
<li><i class="glyphicon glyphicon-share-alt"></i> glyphicon-share-alt</li>
|
308
|
-
<li><i class="glyphicon glyphicon-resize-full"></i> glyphicon-resize-full</li>
|
309
|
-
<li><i class="glyphicon glyphicon-resize-small"></i> glyphicon-resize-small</li>
|
310
|
-
<li><i class="glyphicon glyphicon-plus"></i> glyphicon-plus</li>
|
311
|
-
<li><i class="glyphicon glyphicon-minus"></i> glyphicon-minus</li>
|
312
|
-
<li><i class="glyphicon glyphicon-asterisk"></i> glyphicon-asterisk</li>
|
313
|
-
<li><i class="glyphicon glyphicon-exclamation-sign"></i> glyphicon-exclamation-sign</li>
|
314
|
-
<li><i class="glyphicon glyphicon-gift"></i> glyphicon-gift</li>
|
315
|
-
<li><i class="glyphicon glyphicon-leaf"></i> glyphicon-leaf</li>
|
316
|
-
<li><i class="glyphicon glyphicon-fire"></i> glyphicon-fire</li>
|
317
|
-
<li><i class="glyphicon glyphicon-eye-open"></i> glyphicon-eye-open</li>
|
318
|
-
<li><i class="glyphicon glyphicon-eye-close"></i> glyphicon-eye-close</li>
|
319
|
-
<li><i class="glyphicon glyphicon-warning-sign"></i> glyphicon-warning-sign</li>
|
320
|
-
<li><i class="glyphicon glyphicon-plane"></i> glyphicon-plane</li>
|
321
|
-
<li><i class="glyphicon glyphicon-calendar"></i> glyphicon-calendar</li>
|
322
|
-
<li><i class="glyphicon glyphicon-random"></i> glyphicon-random</li>
|
323
|
-
<li><i class="glyphicon glyphicon-comment"></i> glyphicon-comment</li>
|
324
|
-
<li><i class="glyphicon glyphicon-magnet"></i> glyphicon-magnet</li>
|
325
|
-
<li><i class="glyphicon glyphicon-chevron-up"></i> glyphicon-chevron-up</li>
|
326
|
-
<li><i class="glyphicon glyphicon-chevron-down"></i> glyphicon-chevron-down</li>
|
327
|
-
<li><i class="glyphicon glyphicon-retweet"></i> glyphicon-retweet</li>
|
328
|
-
<li><i class="glyphicon glyphicon-shopping-cart"></i> glyphicon-shopping-cart</li>
|
329
|
-
<li><i class="glyphicon glyphicon-folder-close"></i> glyphicon-folder-close</li>
|
330
|
-
<li><i class="glyphicon glyphicon-folder-open"></i> glyphicon-folder-open</li>
|
331
|
-
<li><i class="glyphicon glyphicon-resize-vertical"></i> glyphicon-resize-vertical</li>
|
332
|
-
<li><i class="glyphicon glyphicon-resize-horizontal"></i> glyphicon-resize-horizontal</li>
|
333
|
-
<li><i class="glyphicon glyphicon-hdd"></i> glyphicon-hdd</li>
|
334
|
-
<li><i class="glyphicon glyphicon-bullhorn"></i> glyphicon-bullhorn</li>
|
335
|
-
<li><i class="glyphicon glyphicon-bell"></i> glyphicon-bell</li>
|
336
|
-
<li><i class="glyphicon glyphicon-certificate"></i> glyphicon-certificate</li>
|
337
|
-
<li><i class="glyphicon glyphicon-thumbs-up"></i> glyphicon-thumbs-up</li>
|
338
|
-
<li><i class="glyphicon glyphicon-thumbs-down"></i> glyphicon-thumbs-down</li>
|
339
|
-
<li><i class="glyphicon glyphicon-hand-right"></i> glyphicon-hand-right</li>
|
340
|
-
<li><i class="glyphicon glyphicon-hand-left"></i> glyphicon-hand-left</li>
|
341
|
-
<li><i class="glyphicon glyphicon-hand-up"></i> glyphicon-hand-up</li>
|
342
|
-
<li><i class="glyphicon glyphicon-hand-down"></i> glyphicon-hand-down</li>
|
343
|
-
<li><i class="glyphicon glyphicon-circle-arrow-right"></i> glyphicon-circle-arrow-right</li>
|
344
|
-
<li><i class="glyphicon glyphicon-circle-arrow-left"></i> glyphicon-circle-arrow-left</li>
|
345
|
-
<li><i class="glyphicon glyphicon-circle-arrow-up"></i> glyphicon-circle-arrow-up</li>
|
346
|
-
<li><i class="glyphicon glyphicon-circle-arrow-down"></i> glyphicon-circle-arrow-down</li>
|
347
|
-
<li><i class="glyphicon glyphicon-globe"></i> glyphicon-globe</li>
|
348
|
-
<li><i class="glyphicon glyphicon-wrench"></i> glyphicon-wrench</li>
|
349
|
-
<li><i class="glyphicon glyphicon-tasks"></i> glyphicon-tasks</li>
|
350
|
-
<li><i class="glyphicon glyphicon-filter"></i> glyphicon-filter</li>
|
351
|
-
<li><i class="glyphicon glyphicon-briefcase"></i> glyphicon-briefcase</li>
|
352
|
-
<li><i class="glyphicon glyphicon-fullscreen"></i> glyphicon-fullscreen</li>
|
353
|
-
<li><i class="glyphicon glyphicon-dashboard"></i> glyphicon-dashboard</li>
|
354
|
-
<li><i class="glyphicon glyphicon-paperclip"></i> glyphicon-paperclip</li>
|
355
|
-
<li><i class="glyphicon glyphicon-heart-empty"></i> glyphicon-heart-empty</li>
|
356
|
-
<li><i class="glyphicon glyphicon-link"></i> glyphicon-link</li>
|
357
|
-
<li><i class="glyphicon glyphicon-phone"></i> glyphicon-phone</li>
|
358
|
-
<li><i class="glyphicon glyphicon-pushpin"></i> glyphicon-pushpin</li>
|
359
|
-
<li><i class="glyphicon glyphicon-euro"></i> glyphicon-euro</li>
|
360
|
-
<li><i class="glyphicon glyphicon-usd"></i> glyphicon-usd</li>
|
361
|
-
<li><i class="glyphicon glyphicon-gbp"></i> glyphicon-gbp</li>
|
362
|
-
<li><i class="glyphicon glyphicon-sort"></i> glyphicon-sort</li>
|
363
|
-
<li><i class="glyphicon glyphicon-sort-by-alphabet"></i> glyphicon-sort-by-alphabet</li>
|
364
|
-
<li><i class="glyphicon glyphicon-sort-by-alphabet-alt"></i> glyphicon-sort-by-alphabet-alt</li>
|
365
|
-
<li><i class="glyphicon glyphicon-sort-by-order"></i> glyphicon-sort-by-order</li>
|
366
|
-
<li><i class="glyphicon glyphicon-sort-by-order-alt"></i> glyphicon-sort-by-order-alt</li>
|
367
|
-
<li><i class="glyphicon glyphicon-sort-by-attributes"></i> glyphicon-sort-by-attributes</li>
|
368
|
-
<li><i class="glyphicon glyphicon-sort-by-attributes-alt"></i> glyphicon-sort-by-attributes-alt</li>
|
369
|
-
<li><i class="glyphicon glyphicon-unchecked"></i> glyphicon-unchecked</li>
|
370
|
-
<li><i class="glyphicon glyphicon-expand"></i> glyphicon-expand</li>
|
371
|
-
<li><i class="glyphicon glyphicon-collapse"></i> glyphicon-collapse</li>
|
372
|
-
<li><i class="glyphicon glyphicon-collapse-top"></i> glyphicon-collapse-top</li>
|
373
|
-
</ul>
|
374
|
-
</div>
|
375
|
-
</section>
|
376
|
-
|
377
|
-
<!-- Forms
|
378
|
-
================================================== -->
|
379
|
-
<section id="forms">
|
380
|
-
<div class="page-header">
|
381
|
-
<h2>Forms</h2>
|
382
|
-
</div>
|
383
|
-
<div class="row">
|
384
|
-
<div class="col-lg-8">
|
385
|
-
<h3>Form Inline</h3>
|
386
|
-
<form class="form-inline well">
|
387
|
-
<div class="col-md-3">
|
388
|
-
<input type="text" class="form-control" placeholder="Email">
|
389
|
-
</div>
|
390
|
-
<div class="col-md-3">
|
391
|
-
<input type="password" class="form-control" placeholder="Password">
|
392
|
-
</div>
|
393
|
-
<div class="checkbox">
|
394
|
-
<label>
|
395
|
-
<input type="checkbox"> Remember me
|
396
|
-
</label>
|
397
|
-
</div>
|
398
|
-
<button type="submit" class="btn btn-default">Sign in</button>
|
399
|
-
</form>
|
400
|
-
<h3>Form Horizontal</h3>
|
401
|
-
<form class="form-horizontal well">
|
402
|
-
<fieldset>
|
403
|
-
<legend>Bootstrap 3 Inputs</legend>
|
404
|
-
<div class="control-group">
|
405
|
-
<label class="control-label" for="input01">Text input</label>
|
406
|
-
<div class="controls">
|
407
|
-
<input type="text" class="form-control input-xlarge" id="input01">
|
408
|
-
<p class="help-block">In addition to freeform text, any HTML5 text-based input appears like so.</p>
|
409
|
-
</div>
|
410
|
-
</div>
|
411
|
-
<div class="control-group">
|
412
|
-
<label class="control-label" for="optionsCheckbox">Checkbox</label>
|
413
|
-
<div class="controls">
|
414
|
-
<label class="checkbox">
|
415
|
-
<input type="checkbox" id="optionsCheckbox" value="option1">
|
416
|
-
Option one is this and that—be sure to include why it's great
|
417
|
-
</label>
|
418
|
-
</div>
|
419
|
-
</div>
|
420
|
-
<div class="control-group">
|
421
|
-
<label class="control-label" for="select01">Select list</label>
|
422
|
-
<div class="controls">
|
423
|
-
<select id="select01" class="form-control">
|
424
|
-
<option>something</option>
|
425
|
-
<option>2</option>
|
426
|
-
<option>3</option>
|
427
|
-
<option>4</option>
|
428
|
-
<option>5</option>
|
429
|
-
</select>
|
430
|
-
</div>
|
431
|
-
</div>
|
432
|
-
<div class="control-group">
|
433
|
-
<label class="control-label" for="multiSelect">Multicon-select</label>
|
434
|
-
<div class="controls">
|
435
|
-
<select multiple="multiple" id="multiSelect" class="form-control">
|
436
|
-
<option>1</option>
|
437
|
-
<option>2</option>
|
438
|
-
<option>3</option>
|
439
|
-
<option>4</option>
|
440
|
-
<option>5</option>
|
441
|
-
</select>
|
442
|
-
</div>
|
443
|
-
</div>
|
444
|
-
<div class="control-group">
|
445
|
-
<label class="control-label" for="fileInput">File input</label>
|
446
|
-
<div class="controls">
|
447
|
-
<input class="form-control input-file" id="fileInput" type="file">
|
448
|
-
</div>
|
449
|
-
</div>
|
450
|
-
<div class="control-group">
|
451
|
-
<label class="control-label" for="textarea">Textarea</label>
|
452
|
-
<div class="controls">
|
453
|
-
<textarea class="form-control input-xlarge" id="textarea" rows="3"></textarea>
|
454
|
-
</div>
|
455
|
-
</div>
|
456
|
-
<div class="control-group">
|
457
|
-
<label class="control-label" for="optionsCheckbox2">Disabled checkbox</label>
|
458
|
-
<div class="controls">
|
459
|
-
<label class="checkbox">
|
460
|
-
<input type="checkbox" id="optionsCheckbox2" value="option1" disabled="">
|
461
|
-
This is a disabled checkbox
|
462
|
-
</label>
|
463
|
-
</div>
|
464
|
-
</div>
|
465
|
-
<div class="control-group warning">
|
466
|
-
<label class="control-label" for="inputWarning">Input with warning</label>
|
467
|
-
<div class="controls">
|
468
|
-
<input type="text" id="inputWarning" class="form-control">
|
469
|
-
<span class="help-inline">Something may have gone wrong</span>
|
470
|
-
</div>
|
471
|
-
</div>
|
472
|
-
<hr>
|
473
|
-
<div class="form-actions">
|
474
|
-
<button type="submit" class="btn btn-primary">Save changes</button>
|
475
|
-
<button type="reset" class="btn">Cancel</button>
|
476
|
-
</div>
|
477
|
-
</fieldset>
|
478
|
-
</form>
|
479
|
-
</div>
|
480
|
-
</div>
|
481
|
-
</section>
|
482
|
-
|
483
|
-
<!-- Tables
|
484
|
-
================================================== -->
|
485
|
-
<section id="tables">
|
486
|
-
<div class="page-header">
|
487
|
-
<h1>Tables</h1>
|
488
|
-
</div>
|
489
|
-
<table class="table table-bordered table-striped table-hover">
|
490
|
-
<thead>
|
491
|
-
<tr>
|
492
|
-
<th>#</th>
|
493
|
-
<th>First Name</th>
|
494
|
-
<th>Last Name</th>
|
495
|
-
<th>Username</th>
|
496
|
-
</tr>
|
497
|
-
</thead>
|
498
|
-
<tbody>
|
499
|
-
<tr>
|
500
|
-
<td>1</td>
|
501
|
-
<td>Mark</td>
|
502
|
-
<td>Otto</td>
|
503
|
-
<td>@mdo</td>
|
504
|
-
</tr>
|
505
|
-
<tr>
|
506
|
-
<td>2</td>
|
507
|
-
<td>Jacob</td>
|
508
|
-
<td>Thornton</td>
|
509
|
-
<td>@fat</td>
|
510
|
-
</tr>
|
511
|
-
<tr>
|
512
|
-
<td>3</td>
|
513
|
-
<td>Larry</td>
|
514
|
-
<td>the Bird</td>
|
515
|
-
<td>@twitter</td>
|
516
|
-
</tr>
|
517
|
-
</tbody>
|
518
|
-
</table>
|
519
|
-
</section>
|
520
|
-
|
521
|
-
<!-- Miscellaneous
|
522
|
-
================================================== -->
|
523
|
-
<section id="miscellaneous">
|
524
|
-
<div class="page-header">
|
525
|
-
<h1>Miscellaneous</h1>
|
526
|
-
</div>
|
527
|
-
<div class="row">
|
528
|
-
<div class="col-lg-4">
|
529
|
-
<h3 id="breadcrumbs">Breadcrumbs</h3>
|
530
|
-
<ul class="breadcrumb">
|
531
|
-
<li><a href="#">Home</a> <span class="divider"></span></li>
|
532
|
-
<li><a href="#">Library</a> <span class="divider"></span></li>
|
533
|
-
<li class="active">Data</li>
|
534
|
-
</ul>
|
535
|
-
</div>
|
536
|
-
<div class="col-lg-4">
|
537
|
-
<h3 id="pagination">Pagination</h3>
|
538
|
-
<ul class="pagination">
|
539
|
-
<li><a href="#">«</a></li>
|
540
|
-
<li><a href="#">1</a></li>
|
541
|
-
<li><a href="#">2</a></li>
|
542
|
-
<li><a href="#">3</a></li>
|
543
|
-
<li><a href="#">4</a></li>
|
544
|
-
<li><a href="#">5</a></li>
|
545
|
-
<li><a href="#">»</a></li>
|
546
|
-
</ul>
|
547
|
-
</div>
|
548
|
-
<div class="col-lg-4">
|
549
|
-
<h3 id="pager">Pagers</h3>
|
550
|
-
<ul class="pager">
|
551
|
-
<li><a href="#">Previous</a></li>
|
552
|
-
<li><a href="#">Next</a></li>
|
553
|
-
</ul>
|
554
|
-
<ul class="pager">
|
555
|
-
<li class="previous disabled"><a href="#">? Older</a></li>
|
556
|
-
<li class="next"><a href="#">Newer ?</a></li>
|
557
|
-
</ul>
|
558
|
-
</div>
|
559
|
-
</div>
|
560
|
-
|
561
|
-
<!-- Navs
|
562
|
-
================================================== -->
|
563
|
-
<div class="row">
|
564
|
-
<div class="col-lg-4">
|
565
|
-
<h3 id="tabs">Tabs</h3>
|
566
|
-
<ul class="nav nav-tabs">
|
567
|
-
<li class="active"><a href="#A" data-toggle="tab">Section 1</a></li>
|
568
|
-
<li><a href="#B" data-toggle="tab">Section 2</a></li>
|
569
|
-
<li><a href="#C" data-toggle="tab">Section 3</a></li>
|
570
|
-
</ul>
|
571
|
-
<div class="tabbable">
|
572
|
-
<div class="tab-content">
|
573
|
-
<div class="tab-pane active" id="A">
|
574
|
-
<p>I'm in Section A.</p>
|
575
|
-
</div>
|
576
|
-
<div class="tab-pane" id="B">
|
577
|
-
<p>Howdy, I'm in Section B.</p>
|
578
|
-
</div>
|
579
|
-
<div class="tab-pane" id="C">
|
580
|
-
<p>What up girl, this is Section C.</p>
|
581
|
-
</div>
|
582
|
-
</div>
|
583
|
-
</div>
|
584
|
-
</div>
|
585
|
-
<div class="col-lg-4">
|
586
|
-
<h3 id="pills">Pills</h3>
|
587
|
-
<ul class="nav nav-pills">
|
588
|
-
<li class="active"><a href="#">Home</a></li>
|
589
|
-
<li><a href="#">Profile</a></li>
|
590
|
-
<li class="dropdown">
|
591
|
-
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a>
|
592
|
-
<ul class="dropdown-menu">
|
593
|
-
<li><a href="#">Action</a></li>
|
594
|
-
<li><a href="#">Another action</a></li>
|
595
|
-
<li><a href="#">Something else here</a></li>
|
596
|
-
<li class="divider"></li>
|
597
|
-
<li><a href="#">Separated link</a></li>
|
598
|
-
</ul>
|
599
|
-
</li>
|
600
|
-
<li class="disabled"><a href="#">Disabled link</a></li>
|
601
|
-
</ul>
|
602
|
-
</div>
|
603
|
-
<div class="col-lg-4">
|
604
|
-
<h3 id="list">Nav Lists</h3>
|
605
|
-
<div class="well" style="padding: 8px 0;">
|
606
|
-
<ul class="nav nav-list">
|
607
|
-
<li class="nav-header">List header</li>
|
608
|
-
<li class="active"><a href="#">Home</a></li>
|
609
|
-
<li><a href="#">Library</a></li>
|
610
|
-
<li><a href="#">Applications</a></li>
|
611
|
-
<li class="divider"></li>
|
612
|
-
<li><a href="#">Help</a></li>
|
613
|
-
</ul>
|
614
|
-
</div>
|
615
|
-
</div>
|
616
|
-
</div>
|
617
|
-
|
618
|
-
<!-- Labels
|
619
|
-
================================================== -->
|
620
|
-
<div class="row">
|
621
|
-
<div class="col-lg-4">
|
622
|
-
<h3 id="labels">Labels</h3>
|
623
|
-
<span class="label">Default</span>
|
624
|
-
<span class="label label-success">Success</span>
|
625
|
-
<span class="label label-warning">Warning</span>
|
626
|
-
<span class="label label-danger">Danger</span>
|
627
|
-
<span class="label label-info">Info</span>
|
628
|
-
</div>
|
629
|
-
<div class="col-lg-4">
|
630
|
-
<h3 id="badges">Badges</h3>
|
631
|
-
<span class="badge">Default</span>
|
632
|
-
</div>
|
633
|
-
<div class="col-lg-4">
|
634
|
-
<h3 id="badges">Progress bars</h3>
|
635
|
-
<div class="progress">
|
636
|
-
<div class="progress-bar progress-bar-info" style="width: 20%"></div>
|
637
|
-
</div>
|
638
|
-
<div class="progress">
|
639
|
-
<div class="progress-bar progress-bar-success" style="width: 40%"></div>
|
640
|
-
</div>
|
641
|
-
<div class="progress">
|
642
|
-
<div class="progress-bar progress-bar-warning" style="width: 60%"></div>
|
643
|
-
</div>
|
644
|
-
<div class="progress">
|
645
|
-
<div class="progress-bar progress-bar-danger" style="width: 80%"></div>
|
646
|
-
</div>
|
647
|
-
</div>
|
648
|
-
</div>
|
649
|
-
<br>
|
650
|
-
|
651
|
-
<!-- Panel & ListGroups
|
652
|
-
================================================== -->
|
653
|
-
<hr>
|
654
|
-
<h2 id="panels">Bootstrap 3 Panels</h2>
|
655
|
-
<div class="row">
|
656
|
-
<div class="col-lg-4">
|
657
|
-
<div class="panel panel-default">
|
658
|
-
<div class="panel-heading">Panel heading</div>
|
659
|
-
<div class="panel-body">Hello. This is the Panel content.</div>
|
660
|
-
</div>
|
661
|
-
</div>
|
662
|
-
<div class="col-lg-4">
|
663
|
-
<div class="panel panel-primary">
|
664
|
-
<div class="panel-heading">Panel primary</div>
|
665
|
-
<div class="panel-body">Panels are new in BS3.</div>
|
666
|
-
</div>
|
667
|
-
</div>
|
668
|
-
<div class="col-lg-4">
|
669
|
-
<div class="panel panel-success">
|
670
|
-
<div class="panel-heading">Panel success</div>
|
671
|
-
<div class="panel-body">You can use contextual classes.</div>
|
672
|
-
</div>
|
673
|
-
</div>
|
674
|
-
</div>
|
675
|
-
|
676
|
-
<!-- ListGroups
|
677
|
-
================================================== -->
|
678
|
-
<hr>
|
679
|
-
<h2 id="panels">Bootstrap 3 List Groups</h2>
|
680
|
-
<div class="row">
|
681
|
-
<div class="col-lg-4">
|
682
|
-
<ul class="list-group">
|
683
|
-
<li class="list-group-item">List item 1</li>
|
684
|
-
<li class="list-group-item">List item 2</li>
|
685
|
-
<li class="list-group-item">Mobile-first</li>
|
686
|
-
<li class="list-group-item">Responsive</li>
|
687
|
-
<li class="list-group-item">Lightweight</li>
|
688
|
-
</ul>
|
689
|
-
</div>
|
690
|
-
<div class="col-lg-4">
|
691
|
-
<ul class="list-group">
|
692
|
-
<li class="list-group-item"><span class="glyphicon glyphicon-chevron-right"></span> List item 1</li>
|
693
|
-
<li class="list-group-item"><span class="glyphicon glyphicon-chevron-right"></span> List item 2</li>
|
694
|
-
<li class="list-group-item"><span class="glyphicon glyphicon-chevron-right"></span> Mobile-first</li>
|
695
|
-
<li class="list-group-item"><span class="glyphicon glyphicon-chevron-right"></span> Responsive</li>
|
696
|
-
<li class="list-group-item"><span class="glyphicon glyphicon-chevron-right"></span> Lightweight</li>
|
697
|
-
</ul>
|
698
|
-
</div>
|
699
|
-
<div class="col-lg-4">
|
700
|
-
<div class="list-group">
|
701
|
-
<a href="#" class="list-group-item active">Linked list group<span class="glyphicon glyphicon-chevron-right"></span></a>
|
702
|
-
<a href="#" class="list-group-item">Dapibus ac facilisis in<span class="glyphicon glyphicon-chevron-right"></span></a>
|
703
|
-
<a href="#" class="list-group-item">Morbi leo risus<span class="glyphicon glyphicon-chevron-right"></span></a>
|
704
|
-
<a href="#" class="list-group-item">Porta ac consectetur ac<span class="glyphicon glyphicon-chevron-right"></span></a>
|
705
|
-
<a href="#" class="list-group-item">Vestibulum at eros<span class="glyphicon glyphicon-chevron-right"></span></a>
|
706
|
-
</div>
|
707
|
-
</div>
|
708
|
-
</div>
|
709
|
-
|
710
|
-
<!-- Well Sizes
|
711
|
-
================================================== -->
|
712
|
-
<hr>
|
713
|
-
<h2>Well Sizes</h2>
|
714
|
-
<div class="row">
|
715
|
-
<div class="col-lg-12">
|
716
|
-
<div class="well well-sm">
|
717
|
-
.well-sm
|
718
|
-
</div>
|
719
|
-
<div class="well">
|
720
|
-
.well
|
721
|
-
</div>
|
722
|
-
<div class="well well-lg">
|
723
|
-
.well-lg
|
724
|
-
</div>
|
725
|
-
</div>
|
726
|
-
</div>
|
727
|
-
<hr>
|
728
|
-
</section>
|
729
|
-
<hr>
|
730
|
-
</div>
|
731
|
-
<script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
732
|
-
{{ 'bootstrap.min.js' | javascript_tag }}
|
733
|
-
<script type='text/javascript'>
|
734
|
-
$(document).ready(function() {
|
735
|
-
});
|
736
|
-
</script>
|
737
|
-
</body>
|
738
|
-
</html>
|