locomotivecms_wagon 2.0.0.rc2 → 2.0.0.rc3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (159) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +1 -1
  3. data/generators/{bootstrap3 → bootstrap}/Gemfile.tt +0 -0
  4. data/generators/{bootstrap3 → bootstrap}/app/content_types/.empty_directory +0 -0
  5. data/generators/bootstrap/app/views/pages/404.liquid +18 -0
  6. data/generators/bootstrap/app/views/pages/404.liquid.haml +14 -0
  7. data/generators/bootstrap/app/views/pages/index.liquid +31 -0
  8. data/generators/bootstrap/app/views/pages/index.liquid.haml +25 -0
  9. data/generators/bootstrap/app/views/pages/layouts/default.liquid +31 -0
  10. data/generators/bootstrap/app/views/pages/layouts/default.liquid.haml +30 -0
  11. data/generators/bootstrap/app/views/pages/layouts/simple.liquid +36 -0
  12. data/generators/bootstrap/app/views/pages/layouts/simple.liquid.haml +29 -0
  13. data/generators/bootstrap/app/views/snippets/footer.liquid +5 -0
  14. data/generators/bootstrap/app/views/snippets/footer.liquid.haml +3 -0
  15. data/generators/bootstrap/app/views/snippets/nav.liquid +26 -0
  16. data/generators/bootstrap/app/views/snippets/nav.liquid.haml +19 -0
  17. data/generators/{bootstrap3 → bootstrap}/config/deploy.yml +0 -0
  18. data/generators/bootstrap/config/site.yml.tt +1 -6
  19. data/generators/{bootstrap3 → bootstrap}/config/translations.yml +0 -0
  20. data/generators/{bootstrap3 → bootstrap}/data/.empty_directory +0 -0
  21. data/generators/{bootstrap3 → bootstrap}/icon.png +0 -0
  22. data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  23. data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.svg +288 -0
  24. data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  25. data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  26. data/generators/bootstrap/public/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  27. data/generators/{bootstrap3/public/samples → bootstrap/public/images}/favicon.png +0 -0
  28. data/generators/bootstrap/public/javascripts/application.js +2 -0
  29. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/affix.js +60 -35
  30. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/alert.js +15 -9
  31. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/button.js +33 -20
  32. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/carousel.js +79 -47
  33. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/collapse.js +84 -43
  34. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/dropdown.js +64 -46
  35. data/generators/bootstrap/public/javascripts/bootstrap/modal.js +337 -0
  36. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/popover.js +12 -14
  37. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/scrollspy.js +57 -38
  38. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/tab.js +54 -24
  39. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/tooltip.js +202 -87
  40. data/generators/{bootstrap3 → bootstrap}/public/javascripts/bootstrap/transition.js +19 -8
  41. data/generators/bootstrap/public/javascripts/bootstrap.min.js +7 -0
  42. data/generators/bootstrap/public/javascripts/jquery.min.js +5 -0
  43. data/generators/bootstrap/public/stylesheets/application.css +7 -0
  44. data/generators/bootstrap/public/stylesheets/application.scss +7 -0
  45. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_alerts.scss +9 -3
  46. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_badges.scss +26 -13
  47. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_breadcrumbs.scss +3 -1
  48. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_button-groups.scss +32 -14
  49. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_buttons.scss +22 -13
  50. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_carousel.scss +43 -6
  51. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_close.scss +1 -0
  52. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_code.scss +7 -1
  53. data/generators/bootstrap/public/stylesheets/bootstrap/_component-animations.scss +37 -0
  54. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_dropdowns.scss +12 -9
  55. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_forms.scss +240 -65
  56. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_glyphicons.scss +83 -9
  57. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_grid.scss +4 -4
  58. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_input-groups.scss +7 -2
  59. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_jumbotron.scss +12 -4
  60. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_labels.scss +11 -9
  61. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_list-group.scss +32 -12
  62. data/generators/bootstrap/public/stylesheets/bootstrap/_media.scss +66 -0
  63. data/generators/bootstrap/public/stylesheets/bootstrap/_mixins.scss +40 -0
  64. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_modals.scss +18 -7
  65. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_navbar.scss +75 -33
  66. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_navs.scss +4 -4
  67. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_normalize.scss +29 -28
  68. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_pager.scss +2 -3
  69. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_pagination.scss +4 -3
  70. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_panels.scss +40 -10
  71. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_popovers.scss +6 -8
  72. data/generators/bootstrap/public/stylesheets/bootstrap/_print.scss +101 -0
  73. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_progress-bars.scss +13 -6
  74. data/generators/bootstrap/public/stylesheets/bootstrap/_responsive-embed.scss +35 -0
  75. data/generators/bootstrap/public/stylesheets/bootstrap/_responsive-utilities.scss +179 -0
  76. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_scaffolding.scss +31 -4
  77. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_tables.scss +17 -16
  78. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_theme.scss +57 -13
  79. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_thumbnails.scss +2 -2
  80. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_tooltip.scss +13 -7
  81. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_type.scss +38 -24
  82. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_utilities.scss +3 -4
  83. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_variables.scss +86 -47
  84. data/generators/{bootstrap3 → bootstrap}/public/stylesheets/bootstrap/_wells.scss +0 -0
  85. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
  86. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_background-variant.scss +12 -0
  87. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  88. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_buttons.scss +68 -0
  89. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  90. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  91. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  92. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
  93. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
  94. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  95. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  96. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_image.scss +33 -0
  97. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  98. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_list-group.scss +32 -0
  99. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  100. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  101. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
  102. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_pagination.scss +24 -0
  103. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  104. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  105. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  106. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_reset-text.scss +18 -0
  107. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  108. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
  109. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_size.scss +10 -0
  110. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  111. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  112. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_text-emphasis.scss +12 -0
  113. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  114. data/generators/bootstrap/public/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  115. data/generators/bootstrap/public/stylesheets/bootstrap.css +5 -0
  116. data/generators/{bootstrap3/public/stylesheets/bootstrap.css.scss → bootstrap/public/stylesheets/bootstrap.scss} +16 -2
  117. data/lib/locomotive/wagon/cli.rb +3 -3
  118. data/lib/locomotive/wagon/commands/authenticate_command.rb +2 -1
  119. data/lib/locomotive/wagon/commands/concerns/spinner_concern.rb +29 -0
  120. data/lib/locomotive/wagon/commands/pull_command.rb +18 -3
  121. data/lib/locomotive/wagon/commands/push_command.rb +28 -4
  122. data/lib/locomotive/wagon/commands/sync_command.rb +21 -6
  123. data/lib/locomotive/wagon/commands/sync_sub_commands/sync_pages_command.rb +27 -3
  124. data/lib/locomotive/wagon/generators/site/{bootstrap3.rb → bootstrap.rb} +12 -6
  125. data/lib/locomotive/wagon/generators/site.rb +1 -1
  126. data/lib/locomotive/wagon/tools/listen.rb +1 -1
  127. data/lib/locomotive/wagon/version.rb +1 -1
  128. data/lib/locomotive/wagon.rb +2 -2
  129. data/locomotivecms_wagon.gemspec +3 -2
  130. data/spec/unit/decorators/theme_asset_decorator_spec.rb +10 -0
  131. metadata +124 -90
  132. data/generators/bootstrap3/app/views/pages/404.liquid +0 -13
  133. data/generators/bootstrap3/app/views/pages/404.liquid.haml +0 -10
  134. data/generators/bootstrap3/app/views/pages/index.liquid +0 -738
  135. data/generators/bootstrap3/app/views/pages/index.liquid.haml +0 -1018
  136. data/generators/bootstrap3/app/views/snippets/footer.liquid +0 -3
  137. data/generators/bootstrap3/app/views/snippets/footer.liquid.haml +0 -2
  138. data/generators/bootstrap3/config/site.yml.tt +0 -28
  139. data/generators/bootstrap3/public/fonts/glyphicons-halflings-regular.eot +0 -0
  140. data/generators/bootstrap3/public/fonts/glyphicons-halflings-regular.svg +0 -229
  141. data/generators/bootstrap3/public/fonts/glyphicons-halflings-regular.ttf +0 -0
  142. data/generators/bootstrap3/public/fonts/glyphicons-halflings-regular.woff +0 -0
  143. data/generators/bootstrap3/public/images/.empty_directory +0 -1
  144. data/generators/bootstrap3/public/javascripts/bootstrap/modal.js +0 -243
  145. data/generators/bootstrap3/public/javascripts/bootstrap.min.js +0 -12
  146. data/generators/bootstrap3/public/samples/apple-touch-icon-114x114-precomposed.png +0 -0
  147. data/generators/bootstrap3/public/samples/apple-touch-icon-144x144-precomposed.png +0 -0
  148. data/generators/bootstrap3/public/samples/apple-touch-icon-72x72-precomposed.png +0 -0
  149. data/generators/bootstrap3/public/samples/apple-touch-icon-precomposed.png +0 -0
  150. data/generators/bootstrap3/public/stylesheets/application.css +0 -1
  151. data/generators/bootstrap3/public/stylesheets/application.css.scss +0 -8
  152. data/generators/bootstrap3/public/stylesheets/bootstrap/_component-animations.scss +0 -29
  153. data/generators/bootstrap3/public/stylesheets/bootstrap/_media.scss +0 -56
  154. data/generators/bootstrap3/public/stylesheets/bootstrap/_mixins.scss +0 -947
  155. data/generators/bootstrap3/public/stylesheets/bootstrap/_print.scss +0 -101
  156. data/generators/bootstrap3/public/stylesheets/bootstrap/_responsive-utilities.scss +0 -74
  157. data/generators/bootstrap3/public/stylesheets/bootstrap/bootstrap.css.scss +0 -49
  158. data/generators/bootstrap3/public/stylesheets/bootstrap.css +0 -5784
  159. data/lib/locomotive/wagon/generators/site/bootstrap2.rb +0 -34
data/generators/bootstrap3/app/views/pages/index.liquid DELETED
@@ -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>