mod_auth_openid_loginpage 0.0.1
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.
- data/public/css/bootstrap-responsive.css +815 -0
- data/public/css/bootstrap-responsive.min.css +9 -0
- data/public/css/bootstrap.css +4983 -0
- data/public/css/bootstrap.min.css +9 -0
- data/public/img/glyphicons-halflings-white.png +0 -0
- data/public/img/glyphicons-halflings.png +0 -0
- data/public/js/bootstrap-alert.js +90 -0
- data/public/js/bootstrap-button.js +96 -0
- data/public/js/bootstrap-carousel.js +169 -0
- data/public/js/bootstrap-collapse.js +157 -0
- data/public/js/bootstrap-dropdown.js +100 -0
- data/public/js/bootstrap-modal.js +218 -0
- data/public/js/bootstrap-popover.js +98 -0
- data/public/js/bootstrap-scrollspy.js +151 -0
- data/public/js/bootstrap-tab.js +135 -0
- data/public/js/bootstrap-tooltip.js +275 -0
- data/public/js/bootstrap-transition.js +61 -0
- data/public/js/bootstrap-typeahead.js +285 -0
- data/public/js/bootstrap.js +1825 -0
- data/public/js/bootstrap.min.js +6 -0
- data/public/js/jquery.js +9252 -0
- data/public/js/jquery.tablesorter.min.js +4 -0
- data/public/js/less-1.3.0.min.js +9 -0
- data/public/less/accordion.less +33 -0
- data/public/less/alerts.less +58 -0
- data/public/less/bootstrap.less +62 -0
- data/public/less/breadcrumbs.less +24 -0
- data/public/less/button-groups.less +191 -0
- data/public/less/buttons.less +191 -0
- data/public/less/carousel.less +121 -0
- data/public/less/close.less +29 -0
- data/public/less/code.less +57 -0
- data/public/less/component-animations.less +20 -0
- data/public/less/dropdowns.less +143 -0
- data/public/less/forms.less +583 -0
- data/public/less/grid.less +5 -0
- data/public/less/hero-unit.less +22 -0
- data/public/less/labels-badges.less +55 -0
- data/public/less/layouts.less +17 -0
- data/public/less/mixins.less +646 -0
- data/public/less/modals.less +90 -0
- data/public/less/navbar.less +358 -0
- data/public/less/navs.less +363 -0
- data/public/less/pager.less +36 -0
- data/public/less/pagination.less +56 -0
- data/public/less/popovers.less +49 -0
- data/public/less/progress-bars.less +117 -0
- data/public/less/reset.less +131 -0
- data/public/less/responsive-1200px-min.less +26 -0
- data/public/less/responsive-767px-max.less +149 -0
- data/public/less/responsive-768px-979px.less +17 -0
- data/public/less/responsive-navbar.less +153 -0
- data/public/less/responsive-utilities.less +41 -0
- data/public/less/responsive.less +48 -0
- data/public/less/scaffolding.less +29 -0
- data/public/less/sprites.less +191 -0
- data/public/less/tables.less +176 -0
- data/public/less/tests/css-tests.css +52 -0
- data/public/less/tests/css-tests.html +917 -0
- data/public/less/tests/forms.html +179 -0
- data/public/less/tests/navbar.html +108 -0
- data/public/less/thumbnails.less +47 -0
- data/public/less/tooltip.less +35 -0
- data/public/less/type.less +232 -0
- data/public/less/utilities.less +23 -0
- data/public/less/variables.less +206 -0
- data/public/less/wells.less +27 -0
- data/views/layout.erb +61 -0
- data/views/login_page.erb +9 -0
- metadata +190 -0
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Tables.less
|
|
3
|
+
// Tables for, you guessed it, tabular data
|
|
4
|
+
// ----------------------------------------
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
// BASE TABLES
|
|
8
|
+
// -----------------
|
|
9
|
+
|
|
10
|
+
table {
|
|
11
|
+
max-width: 100%;
|
|
12
|
+
background-color: @tableBackground;
|
|
13
|
+
border-collapse: collapse;
|
|
14
|
+
border-spacing: 0;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
// BASELINE STYLES
|
|
18
|
+
// ---------------
|
|
19
|
+
|
|
20
|
+
.table {
|
|
21
|
+
width: 100%;
|
|
22
|
+
margin-bottom: @baseLineHeight;
|
|
23
|
+
// Cells
|
|
24
|
+
th,
|
|
25
|
+
td {
|
|
26
|
+
padding: 8px;
|
|
27
|
+
line-height: @baseLineHeight;
|
|
28
|
+
text-align: left;
|
|
29
|
+
vertical-align: top;
|
|
30
|
+
border-top: 1px solid @tableBorder;
|
|
31
|
+
}
|
|
32
|
+
th {
|
|
33
|
+
font-weight: bold;
|
|
34
|
+
}
|
|
35
|
+
// Bottom align for column headings
|
|
36
|
+
thead th {
|
|
37
|
+
vertical-align: bottom;
|
|
38
|
+
}
|
|
39
|
+
// Remove top border from thead by default
|
|
40
|
+
caption + thead tr:first-child th,
|
|
41
|
+
caption + thead tr:first-child td,
|
|
42
|
+
colgroup + thead tr:first-child th,
|
|
43
|
+
colgroup + thead tr:first-child td,
|
|
44
|
+
thead:first-child tr:first-child th,
|
|
45
|
+
thead:first-child tr:first-child td {
|
|
46
|
+
border-top: 0;
|
|
47
|
+
}
|
|
48
|
+
// Account for multiple tbody instances
|
|
49
|
+
tbody + tbody {
|
|
50
|
+
border-top: 2px solid @tableBorder;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
// CONDENSED TABLE W/ HALF PADDING
|
|
57
|
+
// -------------------------------
|
|
58
|
+
|
|
59
|
+
.table-condensed {
|
|
60
|
+
th,
|
|
61
|
+
td {
|
|
62
|
+
padding: 4px 5px;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
// BORDERED VERSION
|
|
68
|
+
// ----------------
|
|
69
|
+
|
|
70
|
+
.table-bordered {
|
|
71
|
+
border: 1px solid @tableBorder;
|
|
72
|
+
border-collapse: separate; // Done so we can round those corners!
|
|
73
|
+
*border-collapse: collapsed; // IE7 can't round corners anyway
|
|
74
|
+
border-left: 0;
|
|
75
|
+
.border-radius(4px);
|
|
76
|
+
th,
|
|
77
|
+
td {
|
|
78
|
+
border-left: 1px solid @tableBorder;
|
|
79
|
+
}
|
|
80
|
+
// Prevent a double border
|
|
81
|
+
caption + thead tr:first-child th,
|
|
82
|
+
caption + tbody tr:first-child th,
|
|
83
|
+
caption + tbody tr:first-child td,
|
|
84
|
+
colgroup + thead tr:first-child th,
|
|
85
|
+
colgroup + tbody tr:first-child th,
|
|
86
|
+
colgroup + tbody tr:first-child td,
|
|
87
|
+
thead:first-child tr:first-child th,
|
|
88
|
+
tbody:first-child tr:first-child th,
|
|
89
|
+
tbody:first-child tr:first-child td {
|
|
90
|
+
border-top: 0;
|
|
91
|
+
}
|
|
92
|
+
// For first th or td in the first row in the first thead or tbody
|
|
93
|
+
thead:first-child tr:first-child th:first-child,
|
|
94
|
+
tbody:first-child tr:first-child td:first-child {
|
|
95
|
+
-webkit-border-top-left-radius: 4px;
|
|
96
|
+
border-top-left-radius: 4px;
|
|
97
|
+
-moz-border-radius-topleft: 4px;
|
|
98
|
+
}
|
|
99
|
+
thead:first-child tr:first-child th:last-child,
|
|
100
|
+
tbody:first-child tr:first-child td:last-child {
|
|
101
|
+
-webkit-border-top-right-radius: 4px;
|
|
102
|
+
border-top-right-radius: 4px;
|
|
103
|
+
-moz-border-radius-topright: 4px;
|
|
104
|
+
}
|
|
105
|
+
// For first th or td in the first row in the first thead or tbody
|
|
106
|
+
thead:last-child tr:last-child th:first-child,
|
|
107
|
+
tbody:last-child tr:last-child td:first-child {
|
|
108
|
+
.border-radius(0 0 0 4px);
|
|
109
|
+
-webkit-border-bottom-left-radius: 4px;
|
|
110
|
+
border-bottom-left-radius: 4px;
|
|
111
|
+
-moz-border-radius-bottomleft: 4px;
|
|
112
|
+
}
|
|
113
|
+
thead:last-child tr:last-child th:last-child,
|
|
114
|
+
tbody:last-child tr:last-child td:last-child {
|
|
115
|
+
-webkit-border-bottom-right-radius: 4px;
|
|
116
|
+
border-bottom-right-radius: 4px;
|
|
117
|
+
-moz-border-radius-bottomright: 4px;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
|
|
122
|
+
// ZEBRA-STRIPING
|
|
123
|
+
// --------------
|
|
124
|
+
|
|
125
|
+
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
|
126
|
+
.table-striped {
|
|
127
|
+
tbody {
|
|
128
|
+
tr:nth-child(odd) td,
|
|
129
|
+
tr:nth-child(odd) th {
|
|
130
|
+
background-color: @tableBackgroundAccent;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
// HOVER EFFECT
|
|
137
|
+
// ------------
|
|
138
|
+
// Placed here since it has to come after the potential zebra striping
|
|
139
|
+
.table {
|
|
140
|
+
tbody tr:hover td,
|
|
141
|
+
tbody tr:hover th {
|
|
142
|
+
background-color: @tableBackgroundHover;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
// TABLE CELL SIZING
|
|
148
|
+
// -----------------
|
|
149
|
+
|
|
150
|
+
// Change the columns
|
|
151
|
+
table {
|
|
152
|
+
.span1 { .tableColumns(1); }
|
|
153
|
+
.span2 { .tableColumns(2); }
|
|
154
|
+
.span3 { .tableColumns(3); }
|
|
155
|
+
.span4 { .tableColumns(4); }
|
|
156
|
+
.span5 { .tableColumns(5); }
|
|
157
|
+
.span6 { .tableColumns(6); }
|
|
158
|
+
.span7 { .tableColumns(7); }
|
|
159
|
+
.span8 { .tableColumns(8); }
|
|
160
|
+
.span9 { .tableColumns(9); }
|
|
161
|
+
.span10 { .tableColumns(10); }
|
|
162
|
+
.span11 { .tableColumns(11); }
|
|
163
|
+
.span12 { .tableColumns(12); }
|
|
164
|
+
.span13 { .tableColumns(13); }
|
|
165
|
+
.span14 { .tableColumns(14); }
|
|
166
|
+
.span15 { .tableColumns(15); }
|
|
167
|
+
.span16 { .tableColumns(16); }
|
|
168
|
+
.span17 { .tableColumns(17); }
|
|
169
|
+
.span18 { .tableColumns(18); }
|
|
170
|
+
.span19 { .tableColumns(19); }
|
|
171
|
+
.span20 { .tableColumns(20); }
|
|
172
|
+
.span21 { .tableColumns(21); }
|
|
173
|
+
.span22 { .tableColumns(22); }
|
|
174
|
+
.span23 { .tableColumns(23); }
|
|
175
|
+
.span24 { .tableColumns(24); }
|
|
176
|
+
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Bootstrap CSS Tests
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
/* Remove background image */
|
|
7
|
+
body {
|
|
8
|
+
background-image: none;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
/* Space out subhead */
|
|
12
|
+
.subhead {
|
|
13
|
+
margin-bottom: 36px;
|
|
14
|
+
}
|
|
15
|
+
h4 {
|
|
16
|
+
margin-bottom: 5px;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
/* colgroup tests */
|
|
21
|
+
.col1 {
|
|
22
|
+
background-color: rgba(255,0,0,.1);
|
|
23
|
+
}
|
|
24
|
+
.col2 {
|
|
25
|
+
background-color: rgba(0,255,0,.1);
|
|
26
|
+
}
|
|
27
|
+
.col3 {
|
|
28
|
+
background-color: rgba(0,0,255,.1);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
/* Fluid row inputs */
|
|
33
|
+
#rowInputs .row > [class*=span],
|
|
34
|
+
#fluidRowInputs .row-fluid > [class*=span] {
|
|
35
|
+
background-color: rgba(255,0,0,.1);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
/* Fluid grid */
|
|
40
|
+
.fluid-grid {
|
|
41
|
+
margin-bottom: 45px;
|
|
42
|
+
}
|
|
43
|
+
.fluid-grid .row {
|
|
44
|
+
height: 40px;
|
|
45
|
+
padding-top: 10px;
|
|
46
|
+
margin-top: 10px;
|
|
47
|
+
color: #ddd;
|
|
48
|
+
text-align: center;
|
|
49
|
+
}
|
|
50
|
+
.fluid-grid .span1 {
|
|
51
|
+
background-color: #999;
|
|
52
|
+
}
|
|
@@ -0,0 +1,917 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<title>CSS Tests · Twitter Bootstrap</title>
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
+
<meta name="description" content="">
|
|
8
|
+
<meta name="author" content="">
|
|
9
|
+
|
|
10
|
+
<!-- Le styles -->
|
|
11
|
+
<link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
|
|
12
|
+
<link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
|
|
13
|
+
<link href="../../docs/assets/css/docs.css" rel="stylesheet">
|
|
14
|
+
<link href="../../docs/assets/js/google-code-prettify/prettify.css" rel="stylesheet">
|
|
15
|
+
|
|
16
|
+
<!-- CSS just for the tests page -->
|
|
17
|
+
<link href="css-tests.css" rel="stylesheet">
|
|
18
|
+
|
|
19
|
+
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
|
|
20
|
+
<!--[if lt IE 9]>
|
|
21
|
+
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
|
22
|
+
<![endif]-->
|
|
23
|
+
|
|
24
|
+
<!-- Le fav and touch icons -->
|
|
25
|
+
<link rel="shortcut icon" href="../../docs/assets/ico/favicon.ico">
|
|
26
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
|
|
27
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
|
|
28
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
|
|
29
|
+
<link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
|
|
30
|
+
</head>
|
|
31
|
+
|
|
32
|
+
<body>
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
<!-- Navbar
|
|
36
|
+
================================================== -->
|
|
37
|
+
<div class="navbar navbar-fixed-top">
|
|
38
|
+
<div class="navbar-inner">
|
|
39
|
+
<div class="container">
|
|
40
|
+
<a class="brand" href="../../docs/index.html">Bootstrap</a>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
44
|
+
|
|
45
|
+
<div class="container">
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
<!-- Masthead
|
|
49
|
+
================================================== -->
|
|
50
|
+
<header class="jumbotron subhead" id="overview">
|
|
51
|
+
<h1>CSS Tests</h1>
|
|
52
|
+
<p class="lead">One stop shop for quick debugging and edge-case tests of CSS.</p>
|
|
53
|
+
</header>
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
<!-- Fluid grid
|
|
59
|
+
================================================== -->
|
|
60
|
+
|
|
61
|
+
<div class="page-header">
|
|
62
|
+
<h1>Fluid grids</h1>
|
|
63
|
+
</div>
|
|
64
|
+
|
|
65
|
+
<div class="fluid-grid">
|
|
66
|
+
<div class="row">
|
|
67
|
+
<div class="span12">12
|
|
68
|
+
<div class="row-fluid">
|
|
69
|
+
<div class="span1">1</div>
|
|
70
|
+
<div class="span1">1</div>
|
|
71
|
+
<div class="span1">1</div>
|
|
72
|
+
<div class="span1">1</div>
|
|
73
|
+
<div class="span1">1</div>
|
|
74
|
+
<div class="span1">1</div>
|
|
75
|
+
<div class="span1">1</div>
|
|
76
|
+
<div class="span1">1</div>
|
|
77
|
+
<div class="span1">1</div>
|
|
78
|
+
<div class="span1">1</div>
|
|
79
|
+
<div class="span1">1</div>
|
|
80
|
+
<div class="span1">1</div>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
<div class="row">
|
|
85
|
+
<div class="span11">11
|
|
86
|
+
<div class="row-fluid">
|
|
87
|
+
<div class="span1">1</div>
|
|
88
|
+
<div class="span1">1</div>
|
|
89
|
+
<div class="span1">1</div>
|
|
90
|
+
<div class="span1">1</div>
|
|
91
|
+
<div class="span1">1</div>
|
|
92
|
+
<div class="span1">1</div>
|
|
93
|
+
<div class="span1">1</div>
|
|
94
|
+
<div class="span1">1</div>
|
|
95
|
+
<div class="span1">1</div>
|
|
96
|
+
<div class="span1">1</div>
|
|
97
|
+
<div class="span1">1</div>
|
|
98
|
+
<div class="span1">1</div>
|
|
99
|
+
</div>
|
|
100
|
+
</div>
|
|
101
|
+
<div class="span1">1
|
|
102
|
+
<div class="row-fluid">
|
|
103
|
+
<div class="span1">1</div>
|
|
104
|
+
<div class="span1">1</div>
|
|
105
|
+
<div class="span1">1</div>
|
|
106
|
+
<div class="span1">1</div>
|
|
107
|
+
<div class="span1">1</div>
|
|
108
|
+
<div class="span1">1</div>
|
|
109
|
+
<div class="span1">1</div>
|
|
110
|
+
<div class="span1">1</div>
|
|
111
|
+
<div class="span1">1</div>
|
|
112
|
+
<div class="span1">1</div>
|
|
113
|
+
<div class="span1">1</div>
|
|
114
|
+
<div class="span1">1</div>
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
<div class="row">
|
|
119
|
+
<div class="span10">10
|
|
120
|
+
<div class="row-fluid">
|
|
121
|
+
<div class="span1">1</div>
|
|
122
|
+
<div class="span1">1</div>
|
|
123
|
+
<div class="span1">1</div>
|
|
124
|
+
<div class="span1">1</div>
|
|
125
|
+
<div class="span1">1</div>
|
|
126
|
+
<div class="span1">1</div>
|
|
127
|
+
<div class="span1">1</div>
|
|
128
|
+
<div class="span1">1</div>
|
|
129
|
+
<div class="span1">1</div>
|
|
130
|
+
<div class="span1">1</div>
|
|
131
|
+
<div class="span1">1</div>
|
|
132
|
+
<div class="span1">1</div>
|
|
133
|
+
</div>
|
|
134
|
+
</div>
|
|
135
|
+
<div class="span2">2
|
|
136
|
+
<div class="row-fluid">
|
|
137
|
+
<div class="span1">1</div>
|
|
138
|
+
<div class="span1">1</div>
|
|
139
|
+
<div class="span1">1</div>
|
|
140
|
+
<div class="span1">1</div>
|
|
141
|
+
<div class="span1">1</div>
|
|
142
|
+
<div class="span1">1</div>
|
|
143
|
+
<div class="span1">1</div>
|
|
144
|
+
<div class="span1">1</div>
|
|
145
|
+
<div class="span1">1</div>
|
|
146
|
+
<div class="span1">1</div>
|
|
147
|
+
<div class="span1">1</div>
|
|
148
|
+
<div class="span1">1</div>
|
|
149
|
+
</div>
|
|
150
|
+
</div>
|
|
151
|
+
</div>
|
|
152
|
+
<div class="row">
|
|
153
|
+
<div class="span9">9
|
|
154
|
+
<div class="row-fluid">
|
|
155
|
+
<div class="span1">1</div>
|
|
156
|
+
<div class="span1">1</div>
|
|
157
|
+
<div class="span1">1</div>
|
|
158
|
+
<div class="span1">1</div>
|
|
159
|
+
<div class="span1">1</div>
|
|
160
|
+
<div class="span1">1</div>
|
|
161
|
+
<div class="span1">1</div>
|
|
162
|
+
<div class="span1">1</div>
|
|
163
|
+
<div class="span1">1</div>
|
|
164
|
+
<div class="span1">1</div>
|
|
165
|
+
<div class="span1">1</div>
|
|
166
|
+
<div class="span1">1</div>
|
|
167
|
+
</div>
|
|
168
|
+
</div>
|
|
169
|
+
<div class="span3">3
|
|
170
|
+
<div class="row-fluid">
|
|
171
|
+
<div class="span1">1</div>
|
|
172
|
+
<div class="span1">1</div>
|
|
173
|
+
<div class="span1">1</div>
|
|
174
|
+
<div class="span1">1</div>
|
|
175
|
+
<div class="span1">1</div>
|
|
176
|
+
<div class="span1">1</div>
|
|
177
|
+
<div class="span1">1</div>
|
|
178
|
+
<div class="span1">1</div>
|
|
179
|
+
<div class="span1">1</div>
|
|
180
|
+
<div class="span1">1</div>
|
|
181
|
+
<div class="span1">1</div>
|
|
182
|
+
<div class="span1">1</div>
|
|
183
|
+
</div>
|
|
184
|
+
</div>
|
|
185
|
+
</div>
|
|
186
|
+
<div class="row">
|
|
187
|
+
<div class="span8">8
|
|
188
|
+
<div class="row-fluid">
|
|
189
|
+
<div class="span1">1</div>
|
|
190
|
+
<div class="span1">1</div>
|
|
191
|
+
<div class="span1">1</div>
|
|
192
|
+
<div class="span1">1</div>
|
|
193
|
+
<div class="span1">1</div>
|
|
194
|
+
<div class="span1">1</div>
|
|
195
|
+
<div class="span1">1</div>
|
|
196
|
+
<div class="span1">1</div>
|
|
197
|
+
<div class="span1">1</div>
|
|
198
|
+
<div class="span1">1</div>
|
|
199
|
+
<div class="span1">1</div>
|
|
200
|
+
<div class="span1">1</div>
|
|
201
|
+
</div>
|
|
202
|
+
</div>
|
|
203
|
+
<div class="span4">4
|
|
204
|
+
<div class="row-fluid">
|
|
205
|
+
<div class="span1">1</div>
|
|
206
|
+
<div class="span1">1</div>
|
|
207
|
+
<div class="span1">1</div>
|
|
208
|
+
<div class="span1">1</div>
|
|
209
|
+
<div class="span1">1</div>
|
|
210
|
+
<div class="span1">1</div>
|
|
211
|
+
<div class="span1">1</div>
|
|
212
|
+
<div class="span1">1</div>
|
|
213
|
+
<div class="span1">1</div>
|
|
214
|
+
<div class="span1">1</div>
|
|
215
|
+
<div class="span1">1</div>
|
|
216
|
+
<div class="span1">1</div>
|
|
217
|
+
</div>
|
|
218
|
+
</div>
|
|
219
|
+
</div>
|
|
220
|
+
<div class="row">
|
|
221
|
+
<div class="span7">7
|
|
222
|
+
<div class="row-fluid">
|
|
223
|
+
<div class="span1">1</div>
|
|
224
|
+
<div class="span1">1</div>
|
|
225
|
+
<div class="span1">1</div>
|
|
226
|
+
<div class="span1">1</div>
|
|
227
|
+
<div class="span1">1</div>
|
|
228
|
+
<div class="span1">1</div>
|
|
229
|
+
<div class="span1">1</div>
|
|
230
|
+
<div class="span1">1</div>
|
|
231
|
+
<div class="span1">1</div>
|
|
232
|
+
<div class="span1">1</div>
|
|
233
|
+
<div class="span1">1</div>
|
|
234
|
+
<div class="span1">1</div>
|
|
235
|
+
</div>
|
|
236
|
+
</div>
|
|
237
|
+
<div class="span5">5
|
|
238
|
+
<div class="row-fluid">
|
|
239
|
+
<div class="span1">1</div>
|
|
240
|
+
<div class="span1">1</div>
|
|
241
|
+
<div class="span1">1</div>
|
|
242
|
+
<div class="span1">1</div>
|
|
243
|
+
<div class="span1">1</div>
|
|
244
|
+
<div class="span1">1</div>
|
|
245
|
+
<div class="span1">1</div>
|
|
246
|
+
<div class="span1">1</div>
|
|
247
|
+
<div class="span1">1</div>
|
|
248
|
+
<div class="span1">1</div>
|
|
249
|
+
<div class="span1">1</div>
|
|
250
|
+
<div class="span1">1</div>
|
|
251
|
+
</div>
|
|
252
|
+
</div>
|
|
253
|
+
</div>
|
|
254
|
+
<div class="row">
|
|
255
|
+
<div class="span6">6
|
|
256
|
+
<div class="row-fluid">
|
|
257
|
+
<div class="span1">1</div>
|
|
258
|
+
<div class="span1">1</div>
|
|
259
|
+
<div class="span1">1</div>
|
|
260
|
+
<div class="span1">1</div>
|
|
261
|
+
<div class="span1">1</div>
|
|
262
|
+
<div class="span1">1</div>
|
|
263
|
+
<div class="span1">1</div>
|
|
264
|
+
<div class="span1">1</div>
|
|
265
|
+
<div class="span1">1</div>
|
|
266
|
+
<div class="span1">1</div>
|
|
267
|
+
<div class="span1">1</div>
|
|
268
|
+
<div class="span1">1</div>
|
|
269
|
+
</div>
|
|
270
|
+
</div>
|
|
271
|
+
<div class="span6">6
|
|
272
|
+
<div class="row-fluid">
|
|
273
|
+
<div class="span1">1</div>
|
|
274
|
+
<div class="span1">1</div>
|
|
275
|
+
<div class="span1">1</div>
|
|
276
|
+
<div class="span1">1</div>
|
|
277
|
+
<div class="span1">1</div>
|
|
278
|
+
<div class="span1">1</div>
|
|
279
|
+
<div class="span1">1</div>
|
|
280
|
+
<div class="span1">1</div>
|
|
281
|
+
<div class="span1">1</div>
|
|
282
|
+
<div class="span1">1</div>
|
|
283
|
+
<div class="span1">1</div>
|
|
284
|
+
<div class="span1">1</div>
|
|
285
|
+
</div>
|
|
286
|
+
</div>
|
|
287
|
+
</div>
|
|
288
|
+
</div> <!-- fluid grids -->
|
|
289
|
+
|
|
290
|
+
|
|
291
|
+
|
|
292
|
+
<!-- Tables
|
|
293
|
+
================================================== -->
|
|
294
|
+
|
|
295
|
+
<div class="page-header">
|
|
296
|
+
<h1>Tables</h1>
|
|
297
|
+
</div>
|
|
298
|
+
|
|
299
|
+
<div class="row">
|
|
300
|
+
<div class="span6">
|
|
301
|
+
<h4>Bordered without thead</h4>
|
|
302
|
+
<table class="table table-bordered">
|
|
303
|
+
<tbody>
|
|
304
|
+
<tr>
|
|
305
|
+
<td>1</td>
|
|
306
|
+
<td>2</td>
|
|
307
|
+
<td>3</td>
|
|
308
|
+
</tr>
|
|
309
|
+
<tr>
|
|
310
|
+
<td>1</td>
|
|
311
|
+
<td>2</td>
|
|
312
|
+
<td>3</td>
|
|
313
|
+
</tr>
|
|
314
|
+
<tr>
|
|
315
|
+
<td>1</td>
|
|
316
|
+
<td>2</td>
|
|
317
|
+
<td>3</td>
|
|
318
|
+
</tr>
|
|
319
|
+
</tbody>
|
|
320
|
+
</table>
|
|
321
|
+
<h4>Bordered without thead, with caption</h4>
|
|
322
|
+
<table class="table table-bordered">
|
|
323
|
+
<caption>Table caption</caption>
|
|
324
|
+
<tbody>
|
|
325
|
+
<tr>
|
|
326
|
+
<td>1</td>
|
|
327
|
+
<td>2</td>
|
|
328
|
+
<td>3</td>
|
|
329
|
+
</tr>
|
|
330
|
+
<tr>
|
|
331
|
+
<td>1</td>
|
|
332
|
+
<td>2</td>
|
|
333
|
+
<td>3</td>
|
|
334
|
+
</tr>
|
|
335
|
+
<tr>
|
|
336
|
+
<td>1</td>
|
|
337
|
+
<td>2</td>
|
|
338
|
+
<td>3</td>
|
|
339
|
+
</tr>
|
|
340
|
+
</tbody>
|
|
341
|
+
</table>
|
|
342
|
+
<h4>Bordered without thead, with colgroup</h4>
|
|
343
|
+
<table class="table table-bordered">
|
|
344
|
+
<colgroup>
|
|
345
|
+
<col class="col1">
|
|
346
|
+
<col class="col2">
|
|
347
|
+
<col class="col3">
|
|
348
|
+
</colgroup>
|
|
349
|
+
<tbody>
|
|
350
|
+
<tr>
|
|
351
|
+
<td>1</td>
|
|
352
|
+
<td>2</td>
|
|
353
|
+
<td>3</td>
|
|
354
|
+
</tr>
|
|
355
|
+
<tr>
|
|
356
|
+
<td>1</td>
|
|
357
|
+
<td>2</td>
|
|
358
|
+
<td>3</td>
|
|
359
|
+
</tr>
|
|
360
|
+
<tr>
|
|
361
|
+
<td>1</td>
|
|
362
|
+
<td>2</td>
|
|
363
|
+
<td>3</td>
|
|
364
|
+
</tr>
|
|
365
|
+
</tbody>
|
|
366
|
+
</table>
|
|
367
|
+
<h4>Bordered with thead, with colgroup</h4>
|
|
368
|
+
<table class="table table-bordered">
|
|
369
|
+
<colgroup>
|
|
370
|
+
<col class="col1">
|
|
371
|
+
<col class="col2">
|
|
372
|
+
<col class="col3">
|
|
373
|
+
</colgroup>
|
|
374
|
+
<thead>
|
|
375
|
+
<tr>
|
|
376
|
+
<td>1</td>
|
|
377
|
+
<td>2</td>
|
|
378
|
+
<td>3</td>
|
|
379
|
+
</tr>
|
|
380
|
+
</thead>
|
|
381
|
+
<tbody>
|
|
382
|
+
<tr>
|
|
383
|
+
<td>1</td>
|
|
384
|
+
<td>2</td>
|
|
385
|
+
<td>3</td>
|
|
386
|
+
</tr>
|
|
387
|
+
<tr>
|
|
388
|
+
<td>1</td>
|
|
389
|
+
<td>2</td>
|
|
390
|
+
<td>3</td>
|
|
391
|
+
</tr>
|
|
392
|
+
<tr>
|
|
393
|
+
<td>1</td>
|
|
394
|
+
<td>2</td>
|
|
395
|
+
<td>3</td>
|
|
396
|
+
</tr>
|
|
397
|
+
</tbody>
|
|
398
|
+
</table>
|
|
399
|
+
</div><!--/span-->
|
|
400
|
+
<div class="span6">
|
|
401
|
+
<h4>Bordered with thead and caption</h4>
|
|
402
|
+
<table class="table table-bordered">
|
|
403
|
+
<caption>Table caption</caption>
|
|
404
|
+
<thead>
|
|
405
|
+
<tr>
|
|
406
|
+
<th>1</th>
|
|
407
|
+
<th>2</th>
|
|
408
|
+
<th>3</th>
|
|
409
|
+
</tr>
|
|
410
|
+
</thead>
|
|
411
|
+
<tbody>
|
|
412
|
+
<tr>
|
|
413
|
+
<td>1</td>
|
|
414
|
+
<td>2</td>
|
|
415
|
+
<td>3</td>
|
|
416
|
+
</tr>
|
|
417
|
+
<tr>
|
|
418
|
+
<td>1</td>
|
|
419
|
+
<td>2</td>
|
|
420
|
+
<td>3</td>
|
|
421
|
+
</tr>
|
|
422
|
+
<tr>
|
|
423
|
+
<td>1</td>
|
|
424
|
+
<td>2</td>
|
|
425
|
+
<td>3</td>
|
|
426
|
+
</tr>
|
|
427
|
+
</tbody>
|
|
428
|
+
</table>
|
|
429
|
+
<h4>Bordered with rowspan and colspan</h4>
|
|
430
|
+
<table class="table table-bordered">
|
|
431
|
+
<thead>
|
|
432
|
+
<tr>
|
|
433
|
+
<th>1</th>
|
|
434
|
+
<th>2</th>
|
|
435
|
+
<th>3</th>
|
|
436
|
+
</tr>
|
|
437
|
+
</thead>
|
|
438
|
+
<tbody>
|
|
439
|
+
<tr>
|
|
440
|
+
<td colspan="2">1 and 2</td>
|
|
441
|
+
<td>3</td>
|
|
442
|
+
</tr>
|
|
443
|
+
<tr>
|
|
444
|
+
<td>1</td>
|
|
445
|
+
<td rowspan="2">2</td>
|
|
446
|
+
<td>3</td>
|
|
447
|
+
</tr>
|
|
448
|
+
<tr>
|
|
449
|
+
<td rowspan="2">1</td>
|
|
450
|
+
<td>3</td>
|
|
451
|
+
</tr>
|
|
452
|
+
<tr>
|
|
453
|
+
<td colspan="2">2 and 3</td>
|
|
454
|
+
</tr>
|
|
455
|
+
</tbody>
|
|
456
|
+
</table>
|
|
457
|
+
</div><!--/span-->
|
|
458
|
+
</div><!--/row-->
|
|
459
|
+
|
|
460
|
+
|
|
461
|
+
|
|
462
|
+
<!-- Forms
|
|
463
|
+
================================================== -->
|
|
464
|
+
|
|
465
|
+
<div class="page-header">
|
|
466
|
+
<h1>Forms</h1>
|
|
467
|
+
</div>
|
|
468
|
+
|
|
469
|
+
<div class="row">
|
|
470
|
+
<div class="span4">
|
|
471
|
+
<h4>Prepend and append on inputs</h4>
|
|
472
|
+
<form>
|
|
473
|
+
<div class="controls">
|
|
474
|
+
<div class="input-prepend">
|
|
475
|
+
<span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text">
|
|
476
|
+
</div>
|
|
477
|
+
</div>
|
|
478
|
+
<div class="controls">
|
|
479
|
+
<div class="input-append">
|
|
480
|
+
<input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">@</span>
|
|
481
|
+
</div>
|
|
482
|
+
</div>
|
|
483
|
+
<div class="controls">
|
|
484
|
+
<div class="input-prepend input-append">
|
|
485
|
+
<span class="add-on">$</span><input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">.00</span>
|
|
486
|
+
</div>
|
|
487
|
+
</div>
|
|
488
|
+
</form>
|
|
489
|
+
</div><!--/span-->
|
|
490
|
+
<div class="span6">
|
|
491
|
+
<h4>Prepend and append with uneditable</h4>
|
|
492
|
+
<form>
|
|
493
|
+
<div class="input-prepend">
|
|
494
|
+
<span class="add-on">$</span><span class="span2 uneditable-input">Some value here</span>
|
|
495
|
+
</div>
|
|
496
|
+
<div class="input-append">
|
|
497
|
+
<span class="span2 uneditable-input">Some value here</span><span class="add-on">.00</span>
|
|
498
|
+
</div>
|
|
499
|
+
</form>
|
|
500
|
+
</div><!--/span-->
|
|
501
|
+
</div><!--/row-->
|
|
502
|
+
|
|
503
|
+
<h4>Fluid prepended and appended inputs</h4>
|
|
504
|
+
<div class="row-fluid">
|
|
505
|
+
<div class="span6">
|
|
506
|
+
<form>
|
|
507
|
+
<div class="controls">
|
|
508
|
+
<div class="input-prepend">
|
|
509
|
+
<span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text">
|
|
510
|
+
</div>
|
|
511
|
+
</div>
|
|
512
|
+
<div class="controls">
|
|
513
|
+
<div class="input-append">
|
|
514
|
+
<input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">@</span>
|
|
515
|
+
</div>
|
|
516
|
+
</div>
|
|
517
|
+
<div class="controls">
|
|
518
|
+
<div class="input-prepend input-append">
|
|
519
|
+
<span class="add-on">$</span><input class="span2" id="prependedInput" size="16" type="text"><span class="add-on">.00</span>
|
|
520
|
+
</div>
|
|
521
|
+
</div>
|
|
522
|
+
</form>
|
|
523
|
+
</div>
|
|
524
|
+
</div>
|
|
525
|
+
|
|
526
|
+
<h4>Fixed row with inputs</h4>
|
|
527
|
+
<p>Inputs should not extend past the light red background, set on their parent, a <code>.span*</code> column.</p>
|
|
528
|
+
|
|
529
|
+
<div class="rowInputs">
|
|
530
|
+
<div class="row">
|
|
531
|
+
<div class="span12">
|
|
532
|
+
<input type="text" class="span1" placeholder="span1">
|
|
533
|
+
</div><!--/span-->
|
|
534
|
+
</div><!--/row-->
|
|
535
|
+
<div class="row">
|
|
536
|
+
<div class="span12">
|
|
537
|
+
<input type="text" class="span2" placeholder="span2">
|
|
538
|
+
</div><!--/span-->
|
|
539
|
+
</div><!--/row-->
|
|
540
|
+
<div class="row">
|
|
541
|
+
<div class="span12">
|
|
542
|
+
<input type="text" class="span3" placeholder="span3">
|
|
543
|
+
</div><!--/span-->
|
|
544
|
+
</div><!--/row-->
|
|
545
|
+
<div class="row">
|
|
546
|
+
<div class="span12">
|
|
547
|
+
<input type="text" class="span4" placeholder="span4">
|
|
548
|
+
</div><!--/span-->
|
|
549
|
+
</div><!--/row-->
|
|
550
|
+
<div class="row">
|
|
551
|
+
<div class="span12">
|
|
552
|
+
<input type="text" class="span5" placeholder="span5">
|
|
553
|
+
</div><!--/span-->
|
|
554
|
+
</div><!--/row-->
|
|
555
|
+
<div class="row">
|
|
556
|
+
<div class="span12">
|
|
557
|
+
<input type="text" class="span6" placeholder="span6">
|
|
558
|
+
</div><!--/span-->
|
|
559
|
+
</div><!--/row-->
|
|
560
|
+
<div class="row">
|
|
561
|
+
<div class="span12">
|
|
562
|
+
<input type="text" class="span7" placeholder="span7">
|
|
563
|
+
</div><!--/span-->
|
|
564
|
+
</div><!--/row-->
|
|
565
|
+
<div class="row">
|
|
566
|
+
<div class="span12">
|
|
567
|
+
<input type="text" class="span8" placeholder="span8">
|
|
568
|
+
</div><!--/span-->
|
|
569
|
+
</div><!--/row-->
|
|
570
|
+
<div class="row">
|
|
571
|
+
<div class="span12">
|
|
572
|
+
<input type="text" class="span9" placeholder="span9">
|
|
573
|
+
</div><!--/span-->
|
|
574
|
+
</div><!--/row-->
|
|
575
|
+
<div class="row">
|
|
576
|
+
<div class="span12">
|
|
577
|
+
<input type="text" class="span10" placeholder="span10">
|
|
578
|
+
</div><!--/span-->
|
|
579
|
+
</div><!--/row-->
|
|
580
|
+
<div class="row">
|
|
581
|
+
<div class="span12">
|
|
582
|
+
<input type="text" class="span11" placeholder="span11">
|
|
583
|
+
</div><!--/span-->
|
|
584
|
+
</div><!--/row-->
|
|
585
|
+
<div class="row">
|
|
586
|
+
<div class="span12">
|
|
587
|
+
<input type="text" class="span12" placeholder="span12">
|
|
588
|
+
</div><!--/span-->
|
|
589
|
+
</div><!--/row-->
|
|
590
|
+
</div>
|
|
591
|
+
<br>
|
|
592
|
+
|
|
593
|
+
<h4>Fluid row with inputs</h4>
|
|
594
|
+
<p>Inputs should not extend past the light red background, set on their parent, a <code>.span*</code> column.</p>
|
|
595
|
+
<div id="fluidRowInputs">
|
|
596
|
+
<div class="row-fluid">
|
|
597
|
+
<div class="span12">
|
|
598
|
+
<input type="text" class="span1" placeholder="span1">
|
|
599
|
+
</div><!--/span-->
|
|
600
|
+
</div><!--/row-->
|
|
601
|
+
<div class="row-fluid">
|
|
602
|
+
<div class="span12">
|
|
603
|
+
<input type="text" class="span2" placeholder="span2">
|
|
604
|
+
</div><!--/span-->
|
|
605
|
+
</div><!--/row-->
|
|
606
|
+
<div class="row-fluid">
|
|
607
|
+
<div class="span12">
|
|
608
|
+
<input type="text" class="span3" placeholder="span3">
|
|
609
|
+
</div><!--/span-->
|
|
610
|
+
</div><!--/row-->
|
|
611
|
+
<div class="row-fluid">
|
|
612
|
+
<div class="span12">
|
|
613
|
+
<input type="text" class="span4" placeholder="span4">
|
|
614
|
+
</div><!--/span-->
|
|
615
|
+
</div><!--/row-->
|
|
616
|
+
<div class="row-fluid">
|
|
617
|
+
<div class="span12">
|
|
618
|
+
<input type="text" class="span5" placeholder="span5">
|
|
619
|
+
</div><!--/span-->
|
|
620
|
+
</div><!--/row-->
|
|
621
|
+
<div class="row-fluid">
|
|
622
|
+
<div class="span12">
|
|
623
|
+
<input type="text" class="span6" placeholder="span6">
|
|
624
|
+
</div><!--/span-->
|
|
625
|
+
</div><!--/row-->
|
|
626
|
+
<div class="row-fluid">
|
|
627
|
+
<div class="span12">
|
|
628
|
+
<input type="text" class="span7" placeholder="span7">
|
|
629
|
+
</div><!--/span-->
|
|
630
|
+
</div><!--/row-->
|
|
631
|
+
<div class="row-fluid">
|
|
632
|
+
<div class="span12">
|
|
633
|
+
<input type="text" class="span8" placeholder="span8">
|
|
634
|
+
</div><!--/span-->
|
|
635
|
+
</div><!--/row-->
|
|
636
|
+
<div class="row-fluid">
|
|
637
|
+
<div class="span12">
|
|
638
|
+
<input type="text" class="span9" placeholder="span9">
|
|
639
|
+
</div><!--/span-->
|
|
640
|
+
</div><!--/row-->
|
|
641
|
+
<div class="row-fluid">
|
|
642
|
+
<div class="span12">
|
|
643
|
+
<input type="text" class="span10" placeholder="span10">
|
|
644
|
+
</div><!--/span-->
|
|
645
|
+
</div><!--/row-->
|
|
646
|
+
<div class="row-fluid">
|
|
647
|
+
<div class="span12">
|
|
648
|
+
<input type="text" class="span11" placeholder="span11">
|
|
649
|
+
</div><!--/span-->
|
|
650
|
+
</div><!--/row-->
|
|
651
|
+
<div class="row-fluid">
|
|
652
|
+
<div class="span12">
|
|
653
|
+
<input type="text" class="span12" placeholder="span12">
|
|
654
|
+
</div><!--/span-->
|
|
655
|
+
</div><!--/row-->
|
|
656
|
+
</div>
|
|
657
|
+
<br>
|
|
658
|
+
|
|
659
|
+
|
|
660
|
+
<!-- Dropdowns
|
|
661
|
+
================================================== -->
|
|
662
|
+
|
|
663
|
+
<div class="page-header">
|
|
664
|
+
<h1>Dropdowns</h1>
|
|
665
|
+
</div>
|
|
666
|
+
|
|
667
|
+
<h4>Dropdown link with hash URL</h4>
|
|
668
|
+
<ul class="nav nav-pills">
|
|
669
|
+
<li class="active"><a href="#">Link</a></li>
|
|
670
|
+
<li><a href="#">Example link</a></li>
|
|
671
|
+
<li class="dropdown">
|
|
672
|
+
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
|
|
673
|
+
Dropdown <span class="caret"></span>
|
|
674
|
+
</a>
|
|
675
|
+
<ul class="dropdown-menu">
|
|
676
|
+
<li><a href="#">Action</a></li>
|
|
677
|
+
<li><a href="#">Another action</a></li>
|
|
678
|
+
<li><a href="#">Something else here</a></li>
|
|
679
|
+
<li class="divider"></li>
|
|
680
|
+
<li><a href="#">Separated link</a></li>
|
|
681
|
+
</ul>
|
|
682
|
+
</li>
|
|
683
|
+
</ul>
|
|
684
|
+
|
|
685
|
+
<h4>Dropdown link with custom URL and data-target</h4>
|
|
686
|
+
<ul class="nav nav-pills">
|
|
687
|
+
<li class="active"><a href="#">Link</a></li>
|
|
688
|
+
<li><a href="#">Example link</a></li>
|
|
689
|
+
<li class="dropdown">
|
|
690
|
+
<a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="path/to/page.html">
|
|
691
|
+
Dropdown <span class="caret"></span>
|
|
692
|
+
</a>
|
|
693
|
+
<ul class="dropdown-menu">
|
|
694
|
+
<li><a href="#">Action</a></li>
|
|
695
|
+
<li><a href="#">Another action</a></li>
|
|
696
|
+
<li><a href="#">Something else here</a></li>
|
|
697
|
+
<li class="divider"></li>
|
|
698
|
+
<li><a href="#">Separated link</a></li>
|
|
699
|
+
</ul>
|
|
700
|
+
</li>
|
|
701
|
+
</ul>
|
|
702
|
+
|
|
703
|
+
<h4>Dropdown on a button</h4>
|
|
704
|
+
<div style="position: relative;">
|
|
705
|
+
<button class="btn" type="button" data-toggle="dropdown">Dropdown <span class="caret"></span></button>
|
|
706
|
+
<ul class="dropdown-menu">
|
|
707
|
+
<li><a href="#">Action</a></li>
|
|
708
|
+
<li><a href="#">Another action</a></li>
|
|
709
|
+
<li><a href="#">Something else here</a></li>
|
|
710
|
+
<li class="divider"></li>
|
|
711
|
+
<li><a href="#">Separated link</a></li>
|
|
712
|
+
</ul>
|
|
713
|
+
</div>
|
|
714
|
+
|
|
715
|
+
<br>
|
|
716
|
+
|
|
717
|
+
|
|
718
|
+
<!-- Thumbnails
|
|
719
|
+
================================================== -->
|
|
720
|
+
|
|
721
|
+
<div class="page-header">
|
|
722
|
+
<h1>Thumbnails</h1>
|
|
723
|
+
</div>
|
|
724
|
+
|
|
725
|
+
<h4>Default thumbnails (no grid sizing)</h4>
|
|
726
|
+
<ul class="thumbnails">
|
|
727
|
+
<li class="thumbnail">
|
|
728
|
+
<img src="http://placehold.it/260x180" alt="">
|
|
729
|
+
</li>
|
|
730
|
+
<li class="thumbnail">
|
|
731
|
+
<img src="http://placehold.it/260x180" alt="">
|
|
732
|
+
</li>
|
|
733
|
+
<li class="thumbnail">
|
|
734
|
+
<img src="http://placehold.it/260x180" alt="">
|
|
735
|
+
</li>
|
|
736
|
+
<li class="thumbnail">
|
|
737
|
+
<img src="http://placehold.it/260x180" alt="">
|
|
738
|
+
</li>
|
|
739
|
+
</ul>
|
|
740
|
+
|
|
741
|
+
<!-- NOT CURRENTLY SUPPORTED
|
|
742
|
+
<h4>Offset thumbnails</h4>
|
|
743
|
+
<ul class="thumbnails">
|
|
744
|
+
<li class="span3 offset3">
|
|
745
|
+
<a href="#" class="thumbnail">
|
|
746
|
+
<img src="http://placehold.it/260x180" alt="">
|
|
747
|
+
</a>
|
|
748
|
+
</li>
|
|
749
|
+
<li class="span3">
|
|
750
|
+
<a href="#" class="thumbnail">
|
|
751
|
+
<img src="http://placehold.it/260x180" alt="">
|
|
752
|
+
</a>
|
|
753
|
+
</li>
|
|
754
|
+
<li class="span3">
|
|
755
|
+
<a href="#" class="thumbnail">
|
|
756
|
+
<img src="http://placehold.it/260x180" alt="">
|
|
757
|
+
</a>
|
|
758
|
+
</li>
|
|
759
|
+
</ul>
|
|
760
|
+
-->
|
|
761
|
+
|
|
762
|
+
<h4>Standard grid sizing</h4>
|
|
763
|
+
<ul class="thumbnails">
|
|
764
|
+
<li class="span3">
|
|
765
|
+
<a href="#" class="thumbnail">
|
|
766
|
+
<img src="http://placehold.it/260x180" alt="">
|
|
767
|
+
</a>
|
|
768
|
+
</li>
|
|
769
|
+
<li class="span3 offset3">
|
|
770
|
+
<a href="#" class="thumbnail">
|
|
771
|
+
<img src="http://placehold.it/260x180" alt="">
|
|
772
|
+
</a>
|
|
773
|
+
</li>
|
|
774
|
+
<li class="span3">
|
|
775
|
+
<a href="#" class="thumbnail">
|
|
776
|
+
<img src="http://placehold.it/260x180" alt="">
|
|
777
|
+
</a>
|
|
778
|
+
</li>
|
|
779
|
+
</ul>
|
|
780
|
+
|
|
781
|
+
<h4>Fluid thumbnails</h4>
|
|
782
|
+
<div class="row-fluid">
|
|
783
|
+
<div class="span8">
|
|
784
|
+
<ul class="thumbnails">
|
|
785
|
+
<li class="span4">
|
|
786
|
+
<a href="#" class="thumbnail">
|
|
787
|
+
<img src="http://placehold.it/260x180" alt="">
|
|
788
|
+
</a>
|
|
789
|
+
</li>
|
|
790
|
+
<li class="span4">
|
|
791
|
+
<a href="#" class="thumbnail">
|
|
792
|
+
<img src="http://placehold.it/260x180" alt="">
|
|
793
|
+
</a>
|
|
794
|
+
</li>
|
|
795
|
+
<li class="span4">
|
|
796
|
+
<a href="#" class="thumbnail">
|
|
797
|
+
<img src="http://placehold.it/260x180" alt="">
|
|
798
|
+
</a>
|
|
799
|
+
</li>
|
|
800
|
+
</ul>
|
|
801
|
+
</div>
|
|
802
|
+
</div>
|
|
803
|
+
|
|
804
|
+
|
|
805
|
+
|
|
806
|
+
<!-- Tabs
|
|
807
|
+
================================================== -->
|
|
808
|
+
|
|
809
|
+
<div class="page-header">
|
|
810
|
+
<h1>Tabs</h1>
|
|
811
|
+
</div>
|
|
812
|
+
|
|
813
|
+
<div class="tabbable tabs-left" style="margin-bottom: 18px;">
|
|
814
|
+
<ul class="nav nav-tabs">
|
|
815
|
+
<li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
|
|
816
|
+
<li><a href="#tab2" data-toggle="tab">Section 2</a></li>
|
|
817
|
+
<li><a href="#tab3" data-toggle="tab">Section 3</a></li>
|
|
818
|
+
</ul>
|
|
819
|
+
<div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;">
|
|
820
|
+
<div class="tab-pane active" id="tab1">
|
|
821
|
+
<p>I'm in Section 1.</p>
|
|
822
|
+
|
|
823
|
+
<div class="tabbable" style="background: #f5f5f5; padding: 20px;">
|
|
824
|
+
<ul class="nav nav-tabs">
|
|
825
|
+
<li class="active"><a href="#tab1-1" data-toggle="tab">1.1</a></li>
|
|
826
|
+
<li><a href="#tab1-2" data-toggle="tab">1.2</a></li>
|
|
827
|
+
<li><a href="#tab1-3" data-toggle="tab">1.3</a></li>
|
|
828
|
+
</ul>
|
|
829
|
+
<div class="tab-content" style="padding-bottom: 9px; border-bottom: 1px solid #ddd;">
|
|
830
|
+
<div class="tab-pane active" id="tab1-1">
|
|
831
|
+
<p>I'm in Section 1.1.</p>
|
|
832
|
+
</div>
|
|
833
|
+
<div class="tab-pane" id="tab1-2">
|
|
834
|
+
<p>I'm in Section 1.2.</p>
|
|
835
|
+
</div>
|
|
836
|
+
<div class="tab-pane" id="tab1-3">
|
|
837
|
+
<p>I'm in Section 1.3.</p>
|
|
838
|
+
</div>
|
|
839
|
+
</div>
|
|
840
|
+
</div>
|
|
841
|
+
</div>
|
|
842
|
+
<div class="tab-pane" id="tab2">
|
|
843
|
+
<p>Howdy, I'm in Section 2.</p>
|
|
844
|
+
</div>
|
|
845
|
+
<div class="tab-pane" id="tab3">
|
|
846
|
+
<p>What up girl, this is Section 3.</p>
|
|
847
|
+
</div>
|
|
848
|
+
</div>
|
|
849
|
+
</div> <!-- /tabbable -->
|
|
850
|
+
|
|
851
|
+
|
|
852
|
+
|
|
853
|
+
<!-- Labels
|
|
854
|
+
================================================== -->
|
|
855
|
+
|
|
856
|
+
<div class="page-header">
|
|
857
|
+
<h1>Labels</h1>
|
|
858
|
+
</div>
|
|
859
|
+
|
|
860
|
+
<div class="row">
|
|
861
|
+
<div class="span4">
|
|
862
|
+
<h4>Inline label</h4>
|
|
863
|
+
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam <span class="label label-warning">Label name</span> eget risus varius blandit sit amet non magna. Fusce <code>.class-name</code> dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
|
|
864
|
+
</div><!--/span-->
|
|
865
|
+
<div class="span4">
|
|
866
|
+
<form class="form-horizontal">
|
|
867
|
+
<label>Example label</label>
|
|
868
|
+
<input type="text" placeholder="Input"> <span class="help-inline"><span class="label">Hey!</span> Read this.</span>
|
|
869
|
+
</form>
|
|
870
|
+
</div><!--/span-->
|
|
871
|
+
<div class="span4">
|
|
872
|
+
|
|
873
|
+
</div><!--/span-->
|
|
874
|
+
</div><!--/row-->
|
|
875
|
+
|
|
876
|
+
|
|
877
|
+
|
|
878
|
+
|
|
879
|
+
|
|
880
|
+
|
|
881
|
+
|
|
882
|
+
<!-- Footer
|
|
883
|
+
================================================== -->
|
|
884
|
+
<footer class="footer">
|
|
885
|
+
<p class="pull-right"><a href="#">Back to top</a></p>
|
|
886
|
+
<p>Designed and built with all the love in the world <a href="http://twitter.com/twitter" target="_blank">@twitter</a> by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
|
|
887
|
+
<p>Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>. Documentation licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
|
|
888
|
+
<p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
|
|
889
|
+
</footer>
|
|
890
|
+
|
|
891
|
+
</div><!-- /container -->
|
|
892
|
+
|
|
893
|
+
|
|
894
|
+
|
|
895
|
+
<!-- Le javascript
|
|
896
|
+
================================================== -->
|
|
897
|
+
<!-- Placed at the end of the document so the pages load faster -->
|
|
898
|
+
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
|
|
899
|
+
<script src="../../docs/assets/js/jquery.js"></script>
|
|
900
|
+
<script src="../../docs/assets/js/google-code-prettify/prettify.js"></script>
|
|
901
|
+
<script src="../../docs/assets/js/bootstrap-transition.js"></script>
|
|
902
|
+
<script src="../../docs/assets/js/bootstrap-alert.js"></script>
|
|
903
|
+
<script src="../../docs/assets/js/bootstrap-modal.js"></script>
|
|
904
|
+
<script src="../../docs/assets/js/bootstrap-dropdown.js"></script>
|
|
905
|
+
<script src="../../docs/assets/js/bootstrap-scrollspy.js"></script>
|
|
906
|
+
<script src="../../docs/assets/js/bootstrap-tab.js"></script>
|
|
907
|
+
<script src="../../docs/assets/js/bootstrap-tooltip.js"></script>
|
|
908
|
+
<script src="../../docs/assets/js/bootstrap-popover.js"></script>
|
|
909
|
+
<script src="../../docs/assets/js/bootstrap-button.js"></script>
|
|
910
|
+
<script src="../../docs/assets/js/bootstrap-collapse.js"></script>
|
|
911
|
+
<script src="../../docs/assets/js/bootstrap-carousel.js"></script>
|
|
912
|
+
<script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
|
|
913
|
+
<script src="../../docs/assets/js/application.js"></script>
|
|
914
|
+
|
|
915
|
+
|
|
916
|
+
</body>
|
|
917
|
+
</html>
|