rvnstat 1.0.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/._README.md +0 -0
- data/._ss.png +0 -0
- data/.gitignore +17 -0
- data/Gemfile +6 -0
- data/LICENSE.txt +22 -0
- data/README.md +34 -0
- data/Rakefile +1 -0
- data/bin/._rvnstat +0 -0
- data/bin/rvnstat +9 -0
- data/config.ru +4 -0
- data/config.yml +3 -0
- data/lib/._app.rb +0 -0
- data/lib/._config.rb +0 -0
- data/lib/._require.rb +0 -0
- data/lib/._rvnstat.rb +0 -0
- data/lib/._vnstat.rb +0 -0
- data/lib/app.rb +102 -0
- data/lib/config.rb +13 -0
- data/lib/require.rb +10 -0
- data/lib/rvnstat.rb +5 -0
- data/lib/rvnstat/._version.rb +0 -0
- data/lib/rvnstat/version.rb +3 -0
- data/lib/vnstat.rb +74 -0
- data/public/CNAME +1 -0
- data/public/CONTRIBUTING.md +192 -0
- data/public/Gruntfile.js +418 -0
- data/public/LICENSE +21 -0
- data/public/README.md +173 -0
- data/public/_config.yml +35 -0
- data/public/bower.json +24 -0
- data/public/browserstack.json +44 -0
- data/public/composer.json +25 -0
- data/public/dist/css/._custom.css +0 -0
- data/public/dist/css/bootstrap-theme.css +347 -0
- data/public/dist/css/bootstrap-theme.css.map +1 -0
- data/public/dist/css/bootstrap-theme.min.css +7 -0
- data/public/dist/css/bootstrap.css +5831 -0
- data/public/dist/css/bootstrap.css.map +1 -0
- data/public/dist/css/bootstrap.min.css +7 -0
- data/public/dist/css/custom.css +20 -0
- data/public/dist/fonts/glyphicons-halflings-regular.eot +0 -0
- data/public/dist/fonts/glyphicons-halflings-regular.svg +229 -0
- data/public/dist/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/public/dist/fonts/glyphicons-halflings-regular.woff +0 -0
- data/public/dist/js/bootstrap.js +1951 -0
- data/public/dist/js/bootstrap.min.js +6 -0
- data/public/docs/LICENSE +319 -0
- data/public/docs/_data/glyphicons.yml +203 -0
- data/public/docs/_data/showcase.yml +19 -0
- data/public/docs/_includes/ads.html +1 -0
- data/public/docs/_includes/customizer-variables.html +1690 -0
- data/public/docs/_includes/footer.html +70 -0
- data/public/docs/_includes/header.html +42 -0
- data/public/docs/_includes/nav-about.html +9 -0
- data/public/docs/_includes/nav-components.html +138 -0
- data/public/docs/_includes/nav-css.html +127 -0
- data/public/docs/_includes/nav-customize.html +46 -0
- data/public/docs/_includes/nav-getting-started.html +62 -0
- data/public/docs/_includes/nav-javascript.html +89 -0
- data/public/docs/_includes/nav-main.html +36 -0
- data/public/docs/_includes/nav-migration.html +12 -0
- data/public/docs/_includes/social-buttons.html +16 -0
- data/public/docs/_layouts/default.html +55 -0
- data/public/docs/_layouts/home.html +18 -0
- data/public/docs/about.html +149 -0
- data/public/docs/assets/css/docs.css +1394 -0
- data/public/docs/assets/css/docs.min.css +6 -0
- data/public/docs/assets/css/pygments-manni.css +66 -0
- data/public/docs/assets/ico/apple-touch-icon-144-precomposed.png +0 -0
- data/public/docs/assets/ico/favicon.ico +0 -0
- data/public/docs/assets/img/components.png +0 -0
- data/public/docs/assets/img/devices.png +0 -0
- data/public/docs/assets/img/sass-less.png +0 -0
- data/public/docs/assets/js/application.js +101 -0
- data/public/docs/assets/js/customize.min.js +49 -0
- data/public/docs/assets/js/customizer.js +348 -0
- data/public/docs/assets/js/docs.min.js +16 -0
- data/public/docs/assets/js/ie8-responsive-file-warning.js +12 -0
- data/public/docs/assets/js/raw-files.min.js +8 -0
- data/public/docs/assets/js/vendor/blob.js +166 -0
- data/public/docs/assets/js/vendor/filesaver.js +236 -0
- data/public/docs/assets/js/vendor/holder.js +645 -0
- data/public/docs/assets/js/vendor/jszip.js +1474 -0
- data/public/docs/assets/js/vendor/less.min.js +16 -0
- data/public/docs/assets/js/vendor/uglify.min.js +14 -0
- data/public/docs/components.html +3001 -0
- data/public/docs/css.html +3346 -0
- data/public/docs/customize.html +356 -0
- data/public/docs/customizer-nav.jade +15 -0
- data/public/docs/customizer-variables.jade +21 -0
- data/public/docs/dist/css/bootstrap-theme.css.map +1 -0
- data/public/docs/dist/css/bootstrap-theme.min.css +7 -0
- data/public/docs/dist/css/bootstrap.css.map +1 -0
- data/public/docs/dist/css/bootstrap.min.css +7 -0
- data/public/docs/dist/fonts/glyphicons-halflings-regular.eot +0 -0
- data/public/docs/dist/fonts/glyphicons-halflings-regular.svg +229 -0
- data/public/docs/dist/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/public/docs/dist/fonts/glyphicons-halflings-regular.woff +0 -0
- data/public/docs/dist/js/bootstrap.min.js +7 -0
- data/public/docs/examples/blog/blog.css +168 -0
- data/public/docs/examples/blog/index.html +171 -0
- data/public/docs/examples/carousel/carousel.css +148 -0
- data/public/docs/examples/carousel/index.html +206 -0
- data/public/docs/examples/cover/cover.css +161 -0
- data/public/docs/examples/cover/index.html +75 -0
- data/public/docs/examples/dashboard/dashboard.css +93 -0
- data/public/docs/examples/dashboard/index.html +243 -0
- data/public/docs/examples/grid/grid.css +28 -0
- data/public/docs/examples/grid/index.html +152 -0
- data/public/docs/examples/jumbotron-narrow/index.html +82 -0
- data/public/docs/examples/jumbotron-narrow/jumbotron-narrow.css +79 -0
- data/public/docs/examples/jumbotron/index.html +99 -0
- data/public/docs/examples/jumbotron/jumbotron.css +5 -0
- data/public/docs/examples/justified-nav/index.html +84 -0
- data/public/docs/examples/justified-nav/justified-nav.css +88 -0
- data/public/docs/examples/navbar-fixed-top/index.html +91 -0
- data/public/docs/examples/navbar-fixed-top/navbar-fixed-top.css +4 -0
- data/public/docs/examples/navbar-static-top/index.html +92 -0
- data/public/docs/examples/navbar-static-top/navbar-static-top.css +7 -0
- data/public/docs/examples/navbar/index.html +90 -0
- data/public/docs/examples/navbar/navbar.css +8 -0
- data/public/docs/examples/non-responsive/index.html +105 -0
- data/public/docs/examples/non-responsive/non-responsive.css +120 -0
- data/public/docs/examples/offcanvas/index.html +130 -0
- data/public/docs/examples/offcanvas/offcanvas.css +51 -0
- data/public/docs/examples/offcanvas/offcanvas.js +5 -0
- data/public/docs/examples/screenshots/blog.jpg +0 -0
- data/public/docs/examples/screenshots/carousel.jpg +0 -0
- data/public/docs/examples/screenshots/cover.jpg +0 -0
- data/public/docs/examples/screenshots/dashboard.jpg +0 -0
- data/public/docs/examples/screenshots/grid.jpg +0 -0
- data/public/docs/examples/screenshots/jumbotron-narrow.jpg +0 -0
- data/public/docs/examples/screenshots/jumbotron.jpg +0 -0
- data/public/docs/examples/screenshots/justified-nav.jpg +0 -0
- data/public/docs/examples/screenshots/navbar-fixed.jpg +0 -0
- data/public/docs/examples/screenshots/navbar-static.jpg +0 -0
- data/public/docs/examples/screenshots/navbar.jpg +0 -0
- data/public/docs/examples/screenshots/non-responsive.jpg +0 -0
- data/public/docs/examples/screenshots/offcanvas.jpg +0 -0
- data/public/docs/examples/screenshots/sign-in.jpg +0 -0
- data/public/docs/examples/screenshots/starter-template.jpg +0 -0
- data/public/docs/examples/screenshots/sticky-footer-navbar.jpg +0 -0
- data/public/docs/examples/screenshots/sticky-footer.jpg +0 -0
- data/public/docs/examples/screenshots/theme.jpg +0 -0
- data/public/docs/examples/signin/index.html +50 -0
- data/public/docs/examples/signin/signin.css +40 -0
- data/public/docs/examples/starter-template/index.html +68 -0
- data/public/docs/examples/starter-template/starter-template.css +7 -0
- data/public/docs/examples/sticky-footer-navbar/index.html +91 -0
- data/public/docs/examples/sticky-footer-navbar/sticky-footer-navbar.css +45 -0
- data/public/docs/examples/sticky-footer/index.html +55 -0
- data/public/docs/examples/sticky-footer/sticky-footer.css +38 -0
- data/public/docs/examples/theme/index.html +384 -0
- data/public/docs/examples/theme/theme.css +14 -0
- data/public/docs/getting-started.html +773 -0
- data/public/docs/grunt/bs-glyphicons-data-generator.js +33 -0
- data/public/docs/grunt/bs-lessdoc-parser.js +236 -0
- data/public/docs/grunt/bs-raw-files-generator.js +31 -0
- data/public/docs/index.html +72 -0
- data/public/docs/javascript.html +2141 -0
- data/public/docs/migration.html +423 -0
- data/public/fonts/glyphicons-halflings-regular.eot +0 -0
- data/public/fonts/glyphicons-halflings-regular.svg +229 -0
- data/public/fonts/glyphicons-halflings-regular.ttf +0 -0
- data/public/fonts/glyphicons-halflings-regular.woff +0 -0
- data/public/js/._exporting.js +0 -0
- data/public/js/._highcharts-all.js +0 -0
- data/public/js/._jquery-min.js +0 -0
- data/public/js/.jscs.json +15 -0
- data/public/js/.jshintrc +14 -0
- data/public/js/affix.js +137 -0
- data/public/js/alert.js +88 -0
- data/public/js/bootstrap.min.js +6 -0
- data/public/js/button.js +107 -0
- data/public/js/carousel.js +205 -0
- data/public/js/collapse.js +170 -0
- data/public/js/dropdown.js +147 -0
- data/public/js/highcharts.js +294 -0
- data/public/js/jquery-1.11.0.min.js +4 -0
- data/public/js/modal.js +243 -0
- data/public/js/popover.js +110 -0
- data/public/js/scrollspy.js +153 -0
- data/public/js/tab.js +125 -0
- data/public/js/tests/index.html +54 -0
- data/public/js/tests/unit/affix.js +50 -0
- data/public/js/tests/unit/alert.js +62 -0
- data/public/js/tests/unit/button.js +122 -0
- data/public/js/tests/unit/carousel.js +110 -0
- data/public/js/tests/unit/collapse.js +164 -0
- data/public/js/tests/unit/dropdown.js +218 -0
- data/public/js/tests/unit/modal.js +195 -0
- data/public/js/tests/unit/phantom.js +69 -0
- data/public/js/tests/unit/popover.js +133 -0
- data/public/js/tests/unit/scrollspy.js +36 -0
- data/public/js/tests/unit/tab.js +86 -0
- data/public/js/tests/unit/tooltip.js +432 -0
- data/public/js/tests/vendor/jquery.js +6 -0
- data/public/js/tests/vendor/qunit.css +245 -0
- data/public/js/tests/vendor/qunit.js +2210 -0
- data/public/js/tooltip.js +399 -0
- data/public/js/transition.js +48 -0
- data/public/less/.csscomb.json +297 -0
- data/public/less/.csslintrc +19 -0
- data/public/less/alerts.less +67 -0
- data/public/less/badges.less +55 -0
- data/public/less/bootstrap.less +49 -0
- data/public/less/breadcrumbs.less +26 -0
- data/public/less/button-groups.less +226 -0
- data/public/less/buttons.less +155 -0
- data/public/less/carousel.less +232 -0
- data/public/less/close.less +33 -0
- data/public/less/code.less +63 -0
- data/public/less/component-animations.less +29 -0
- data/public/less/dropdowns.less +213 -0
- data/public/less/forms.less +419 -0
- data/public/less/glyphicons.less +233 -0
- data/public/less/grid.less +100 -0
- data/public/less/input-groups.less +157 -0
- data/public/less/jumbotron.less +44 -0
- data/public/less/labels.less +64 -0
- data/public/less/list-group.less +110 -0
- data/public/less/media.less +56 -0
- data/public/less/mixins.less +926 -0
- data/public/less/modals.less +138 -0
- data/public/less/navbar.less +616 -0
- data/public/less/navs.less +242 -0
- data/public/less/normalize.less +423 -0
- data/public/less/pager.less +55 -0
- data/public/less/pagination.less +88 -0
- data/public/less/panels.less +230 -0
- data/public/less/popovers.less +133 -0
- data/public/less/print.less +101 -0
- data/public/less/progress-bars.less +80 -0
- data/public/less/responsive-utilities.less +93 -0
- data/public/less/scaffolding.less +134 -0
- data/public/less/tables.less +233 -0
- data/public/less/theme.less +247 -0
- data/public/less/thumbnails.less +36 -0
- data/public/less/tooltip.less +95 -0
- data/public/less/type.less +296 -0
- data/public/less/utilities.less +56 -0
- data/public/less/variables.less +827 -0
- data/public/less/wells.less +29 -0
- data/public/package.json +71 -0
- data/public/test-infra/README.md +100 -0
- data/public/test-infra/npm-shrinkwrap.canonical.json +1 -0
- data/public/test-infra/requirements.txt +1 -0
- data/public/test-infra/s3_cache.py +107 -0
- data/public/test-infra/sauce_browsers.yml +83 -0
- data/public/test-infra/shrinkwrap.js +24 -0
- data/public/test-infra/uncached-npm-install.sh +4 -0
- data/rvnstat.gemspec +26 -0
- data/rvnstat.yml +3 -0
- data/ss.png +0 -0
- data/untitled.txt +0 -0
- data/views/._hourly.erb +0 -0
- data/views/._index.erb +0 -0
- data/views/._live_traffic.erb +0 -0
- data/views/._monthly.erb +0 -0
- data/views/._top_ten.erb +0 -0
- data/views/day_detail.erb +44 -0
- data/views/day_total.erb +42 -0
- data/views/graph_test.erb +2 -0
- data/views/hourly.erb +19 -0
- data/views/index.erb +71 -0
- data/views/layout.erb +28 -0
- data/views/live_traffic.erb +57 -0
- data/views/monthly.erb +21 -0
- data/views/top_ten.erb +21 -0
- metadata +385 -0
@@ -0,0 +1,243 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
7
|
+
<meta name="description" content="">
|
8
|
+
<meta name="author" content="">
|
9
|
+
<link rel="shortcut icon" href="../../assets/ico/favicon.ico">
|
10
|
+
|
11
|
+
<title>Dashboard Template for Bootstrap</title>
|
12
|
+
|
13
|
+
<!-- Bootstrap core CSS -->
|
14
|
+
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
|
15
|
+
|
16
|
+
<!-- Custom styles for this template -->
|
17
|
+
<link href="dashboard.css" rel="stylesheet">
|
18
|
+
|
19
|
+
<!-- Just for debugging purposes. Don't actually copy this line! -->
|
20
|
+
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
|
21
|
+
|
22
|
+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
23
|
+
<!--[if lt IE 9]>
|
24
|
+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
25
|
+
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
26
|
+
<![endif]-->
|
27
|
+
</head>
|
28
|
+
|
29
|
+
<body>
|
30
|
+
|
31
|
+
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
32
|
+
<div class="container-fluid">
|
33
|
+
<div class="navbar-header">
|
34
|
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
35
|
+
<span class="sr-only">Toggle navigation</span>
|
36
|
+
<span class="icon-bar"></span>
|
37
|
+
<span class="icon-bar"></span>
|
38
|
+
<span class="icon-bar"></span>
|
39
|
+
</button>
|
40
|
+
<a class="navbar-brand" href="#">Project name</a>
|
41
|
+
</div>
|
42
|
+
<div class="navbar-collapse collapse">
|
43
|
+
<ul class="nav navbar-nav navbar-right">
|
44
|
+
<li><a href="#">Dashboard</a></li>
|
45
|
+
<li><a href="#">Settings</a></li>
|
46
|
+
<li><a href="#">Profile</a></li>
|
47
|
+
<li><a href="#">Help</a></li>
|
48
|
+
</ul>
|
49
|
+
<form class="navbar-form navbar-right">
|
50
|
+
<input type="text" class="form-control" placeholder="Search...">
|
51
|
+
</form>
|
52
|
+
</div>
|
53
|
+
</div>
|
54
|
+
</div>
|
55
|
+
|
56
|
+
<div class="container-fluid">
|
57
|
+
<div class="row">
|
58
|
+
<div class="col-sm-3 col-md-2 sidebar">
|
59
|
+
<ul class="nav nav-sidebar">
|
60
|
+
<li class="active"><a href="#">Overview</a></li>
|
61
|
+
<li><a href="#">Reports</a></li>
|
62
|
+
<li><a href="#">Analytics</a></li>
|
63
|
+
<li><a href="#">Export</a></li>
|
64
|
+
</ul>
|
65
|
+
<ul class="nav nav-sidebar">
|
66
|
+
<li><a href="">Nav item</a></li>
|
67
|
+
<li><a href="">Nav item again</a></li>
|
68
|
+
<li><a href="">One more nav</a></li>
|
69
|
+
<li><a href="">Another nav item</a></li>
|
70
|
+
<li><a href="">More navigation</a></li>
|
71
|
+
</ul>
|
72
|
+
<ul class="nav nav-sidebar">
|
73
|
+
<li><a href="">Nav item again</a></li>
|
74
|
+
<li><a href="">One more nav</a></li>
|
75
|
+
<li><a href="">Another nav item</a></li>
|
76
|
+
</ul>
|
77
|
+
</div>
|
78
|
+
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
|
79
|
+
<h1 class="page-header">Dashboard</h1>
|
80
|
+
|
81
|
+
<div class="row placeholders">
|
82
|
+
<div class="col-xs-6 col-sm-3 placeholder">
|
83
|
+
<img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
|
84
|
+
<h4>Label</h4>
|
85
|
+
<span class="text-muted">Something else</span>
|
86
|
+
</div>
|
87
|
+
<div class="col-xs-6 col-sm-3 placeholder">
|
88
|
+
<img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
|
89
|
+
<h4>Label</h4>
|
90
|
+
<span class="text-muted">Something else</span>
|
91
|
+
</div>
|
92
|
+
<div class="col-xs-6 col-sm-3 placeholder">
|
93
|
+
<img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
|
94
|
+
<h4>Label</h4>
|
95
|
+
<span class="text-muted">Something else</span>
|
96
|
+
</div>
|
97
|
+
<div class="col-xs-6 col-sm-3 placeholder">
|
98
|
+
<img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
|
99
|
+
<h4>Label</h4>
|
100
|
+
<span class="text-muted">Something else</span>
|
101
|
+
</div>
|
102
|
+
</div>
|
103
|
+
|
104
|
+
<h2 class="sub-header">Section title</h2>
|
105
|
+
<div class="table-responsive">
|
106
|
+
<table class="table table-striped">
|
107
|
+
<thead>
|
108
|
+
<tr>
|
109
|
+
<th>#</th>
|
110
|
+
<th>Header</th>
|
111
|
+
<th>Header</th>
|
112
|
+
<th>Header</th>
|
113
|
+
<th>Header</th>
|
114
|
+
</tr>
|
115
|
+
</thead>
|
116
|
+
<tbody>
|
117
|
+
<tr>
|
118
|
+
<td>1,001</td>
|
119
|
+
<td>Lorem</td>
|
120
|
+
<td>ipsum</td>
|
121
|
+
<td>dolor</td>
|
122
|
+
<td>sit</td>
|
123
|
+
</tr>
|
124
|
+
<tr>
|
125
|
+
<td>1,002</td>
|
126
|
+
<td>amet</td>
|
127
|
+
<td>consectetur</td>
|
128
|
+
<td>adipiscing</td>
|
129
|
+
<td>elit</td>
|
130
|
+
</tr>
|
131
|
+
<tr>
|
132
|
+
<td>1,003</td>
|
133
|
+
<td>Integer</td>
|
134
|
+
<td>nec</td>
|
135
|
+
<td>odio</td>
|
136
|
+
<td>Praesent</td>
|
137
|
+
</tr>
|
138
|
+
<tr>
|
139
|
+
<td>1,003</td>
|
140
|
+
<td>libero</td>
|
141
|
+
<td>Sed</td>
|
142
|
+
<td>cursus</td>
|
143
|
+
<td>ante</td>
|
144
|
+
</tr>
|
145
|
+
<tr>
|
146
|
+
<td>1,004</td>
|
147
|
+
<td>dapibus</td>
|
148
|
+
<td>diam</td>
|
149
|
+
<td>Sed</td>
|
150
|
+
<td>nisi</td>
|
151
|
+
</tr>
|
152
|
+
<tr>
|
153
|
+
<td>1,005</td>
|
154
|
+
<td>Nulla</td>
|
155
|
+
<td>quis</td>
|
156
|
+
<td>sem</td>
|
157
|
+
<td>at</td>
|
158
|
+
</tr>
|
159
|
+
<tr>
|
160
|
+
<td>1,006</td>
|
161
|
+
<td>nibh</td>
|
162
|
+
<td>elementum</td>
|
163
|
+
<td>imperdiet</td>
|
164
|
+
<td>Duis</td>
|
165
|
+
</tr>
|
166
|
+
<tr>
|
167
|
+
<td>1,007</td>
|
168
|
+
<td>sagittis</td>
|
169
|
+
<td>ipsum</td>
|
170
|
+
<td>Praesent</td>
|
171
|
+
<td>mauris</td>
|
172
|
+
</tr>
|
173
|
+
<tr>
|
174
|
+
<td>1,008</td>
|
175
|
+
<td>Fusce</td>
|
176
|
+
<td>nec</td>
|
177
|
+
<td>tellus</td>
|
178
|
+
<td>sed</td>
|
179
|
+
</tr>
|
180
|
+
<tr>
|
181
|
+
<td>1,009</td>
|
182
|
+
<td>augue</td>
|
183
|
+
<td>semper</td>
|
184
|
+
<td>porta</td>
|
185
|
+
<td>Mauris</td>
|
186
|
+
</tr>
|
187
|
+
<tr>
|
188
|
+
<td>1,010</td>
|
189
|
+
<td>massa</td>
|
190
|
+
<td>Vestibulum</td>
|
191
|
+
<td>lacinia</td>
|
192
|
+
<td>arcu</td>
|
193
|
+
</tr>
|
194
|
+
<tr>
|
195
|
+
<td>1,011</td>
|
196
|
+
<td>eget</td>
|
197
|
+
<td>nulla</td>
|
198
|
+
<td>Class</td>
|
199
|
+
<td>aptent</td>
|
200
|
+
</tr>
|
201
|
+
<tr>
|
202
|
+
<td>1,012</td>
|
203
|
+
<td>taciti</td>
|
204
|
+
<td>sociosqu</td>
|
205
|
+
<td>ad</td>
|
206
|
+
<td>litora</td>
|
207
|
+
</tr>
|
208
|
+
<tr>
|
209
|
+
<td>1,013</td>
|
210
|
+
<td>torquent</td>
|
211
|
+
<td>per</td>
|
212
|
+
<td>conubia</td>
|
213
|
+
<td>nostra</td>
|
214
|
+
</tr>
|
215
|
+
<tr>
|
216
|
+
<td>1,014</td>
|
217
|
+
<td>per</td>
|
218
|
+
<td>inceptos</td>
|
219
|
+
<td>himenaeos</td>
|
220
|
+
<td>Curabitur</td>
|
221
|
+
</tr>
|
222
|
+
<tr>
|
223
|
+
<td>1,015</td>
|
224
|
+
<td>sodales</td>
|
225
|
+
<td>ligula</td>
|
226
|
+
<td>in</td>
|
227
|
+
<td>libero</td>
|
228
|
+
</tr>
|
229
|
+
</tbody>
|
230
|
+
</table>
|
231
|
+
</div>
|
232
|
+
</div>
|
233
|
+
</div>
|
234
|
+
</div>
|
235
|
+
|
236
|
+
<!-- Bootstrap core JavaScript
|
237
|
+
================================================== -->
|
238
|
+
<!-- Placed at the end of the document so the pages load faster -->
|
239
|
+
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
|
240
|
+
<script src="../../dist/js/bootstrap.min.js"></script>
|
241
|
+
<script src="../../assets/js/docs.min.js"></script>
|
242
|
+
</body>
|
243
|
+
</html>
|
@@ -0,0 +1,28 @@
|
|
1
|
+
.container {
|
2
|
+
padding-left: 15px;
|
3
|
+
padding-right: 15px;
|
4
|
+
}
|
5
|
+
|
6
|
+
h4 {
|
7
|
+
margin-top: 25px;
|
8
|
+
}
|
9
|
+
.row {
|
10
|
+
margin-bottom: 20px;
|
11
|
+
}
|
12
|
+
.row .row {
|
13
|
+
margin-top: 10px;
|
14
|
+
margin-bottom: 0;
|
15
|
+
}
|
16
|
+
[class*="col-"] {
|
17
|
+
padding-top: 15px;
|
18
|
+
padding-bottom: 15px;
|
19
|
+
background-color: #eee;
|
20
|
+
border: 1px solid #ddd;
|
21
|
+
background-color: rgba(86,61,124,.15);
|
22
|
+
border: 1px solid rgba(86,61,124,.2);
|
23
|
+
}
|
24
|
+
|
25
|
+
hr {
|
26
|
+
margin-top: 40px;
|
27
|
+
margin-bottom: 40px;
|
28
|
+
}
|
@@ -0,0 +1,152 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
7
|
+
<meta name="description" content="">
|
8
|
+
<meta name="author" content="">
|
9
|
+
<link rel="shortcut icon" href="../../assets/ico/favicon.ico">
|
10
|
+
|
11
|
+
<title>Grid Template for Bootstrap</title>
|
12
|
+
|
13
|
+
<!-- Bootstrap core CSS -->
|
14
|
+
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
|
15
|
+
|
16
|
+
<!-- Custom styles for this template -->
|
17
|
+
<link href="grid.css" rel="stylesheet">
|
18
|
+
|
19
|
+
<!-- Just for debugging purposes. Don't actually copy this line! -->
|
20
|
+
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
|
21
|
+
|
22
|
+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
23
|
+
<!--[if lt IE 9]>
|
24
|
+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
25
|
+
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
26
|
+
<![endif]-->
|
27
|
+
</head>
|
28
|
+
|
29
|
+
<body>
|
30
|
+
<div class="container">
|
31
|
+
|
32
|
+
<div class="page-header">
|
33
|
+
<h1>Bootstrap grid examples</h1>
|
34
|
+
<p class="lead">Basic grid layouts to get you familiar with building within the Bootstrap grid system.</p>
|
35
|
+
</div>
|
36
|
+
|
37
|
+
<h3>Three equal columns</h3>
|
38
|
+
<p>Get three equal-width columns <strong>starting at desktops and scaling to large desktops</strong>. On mobile devices, tablets and below, the columns will automatically stack.</p>
|
39
|
+
<div class="row">
|
40
|
+
<div class="col-md-4">.col-md-4</div>
|
41
|
+
<div class="col-md-4">.col-md-4</div>
|
42
|
+
<div class="col-md-4">.col-md-4</div>
|
43
|
+
</div>
|
44
|
+
|
45
|
+
<h3>Three unequal columns</h3>
|
46
|
+
<p>Get three columns <strong>starting at desktops and scaling to large desktops</strong> of various widths. Remember, grid columns should add up to twelve for a single horizontal block. More than that, and columns start stacking no matter the viewport.</p>
|
47
|
+
<div class="row">
|
48
|
+
<div class="col-md-3">.col-md-3</div>
|
49
|
+
<div class="col-md-6">.col-md-6</div>
|
50
|
+
<div class="col-md-3">.col-md-3</div>
|
51
|
+
</div>
|
52
|
+
|
53
|
+
<h3>Two columns</h3>
|
54
|
+
<p>Get two columns <strong>starting at desktops and scaling to large desktops</strong>.</p>
|
55
|
+
<div class="row">
|
56
|
+
<div class="col-md-8">.col-md-8</div>
|
57
|
+
<div class="col-md-4">.col-md-4</div>
|
58
|
+
</div>
|
59
|
+
|
60
|
+
<h3>Full width, single column</h3>
|
61
|
+
<p class="text-warning">No grid classes are necessary for full-width elements.</p>
|
62
|
+
|
63
|
+
<hr>
|
64
|
+
|
65
|
+
<h3>Two columns with two nested columns</h3>
|
66
|
+
<p>Per the documentation, nesting is easy—just put a row of columns within an existing column. This gives you two columns <strong>starting at desktops and scaling to large desktops</strong>, with another two (equal widths) within the larger column.</p>
|
67
|
+
<p>At mobile device sizes, tablets and down, these columns and their nested columns will stack.</p>
|
68
|
+
<div class="row">
|
69
|
+
<div class="col-md-8">
|
70
|
+
.col-md-8
|
71
|
+
<div class="row">
|
72
|
+
<div class="col-md-6">.col-md-6</div>
|
73
|
+
<div class="col-md-6">.col-md-6</div>
|
74
|
+
</div>
|
75
|
+
</div>
|
76
|
+
<div class="col-md-4">.col-md-4</div>
|
77
|
+
</div>
|
78
|
+
|
79
|
+
<hr>
|
80
|
+
|
81
|
+
<h3>Mixed: mobile and desktop</h3>
|
82
|
+
<p>The Bootstrap 3 grid system has four tiers of classes: xs (phones), sm (tablets), md (desktops), and lg (larger desktops). You can use nearly any combination of these classes to create more dynamic and flexible layouts.</p>
|
83
|
+
<p>Each tier of classes scales up, meaning if you plan on setting the same widths for xs and sm, you only need to specify xs.</p>
|
84
|
+
<div class="row">
|
85
|
+
<div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>
|
86
|
+
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
|
87
|
+
</div>
|
88
|
+
<div class="row">
|
89
|
+
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
|
90
|
+
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
|
91
|
+
<div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
|
92
|
+
</div>
|
93
|
+
<div class="row">
|
94
|
+
<div class="col-xs-6">.col-xs-6</div>
|
95
|
+
<div class="col-xs-6">.col-xs-6</div>
|
96
|
+
</div>
|
97
|
+
|
98
|
+
<hr>
|
99
|
+
|
100
|
+
<h3>Mixed: mobile, tablet, and desktop</h3>
|
101
|
+
<p></p>
|
102
|
+
<div class="row">
|
103
|
+
<div class="col-xs-12 col-sm-6 col-lg-8">.col-xs-12 .col-sm-6 .col-lg-8</div>
|
104
|
+
<div class="col-xs-6 col-lg-4">.col-xs-6 .col-lg-4</div>
|
105
|
+
</div>
|
106
|
+
<div class="row">
|
107
|
+
<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
|
108
|
+
<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
|
109
|
+
<div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
|
110
|
+
</div>
|
111
|
+
|
112
|
+
<hr>
|
113
|
+
|
114
|
+
<h3>Column clearing</h3>
|
115
|
+
<p><a href="http://getbootstrap.com/css/#grid-responsive-resets">Clear floats</a> at specific breakpoints to prevent awkward wrapping with uneven content.</p>
|
116
|
+
<div class="row">
|
117
|
+
<div class="col-xs-6 col-sm-3">
|
118
|
+
.col-xs-6 .col-sm-3
|
119
|
+
<br>
|
120
|
+
Resize your viewport or check it out on your phone for an example.
|
121
|
+
</div>
|
122
|
+
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
|
123
|
+
|
124
|
+
<!-- Add the extra clearfix for only the required viewport -->
|
125
|
+
<div class="clearfix visible-xs"></div>
|
126
|
+
|
127
|
+
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
|
128
|
+
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
|
129
|
+
</div>
|
130
|
+
|
131
|
+
<hr>
|
132
|
+
|
133
|
+
<h3>Offset, push, and pull resets</h3>
|
134
|
+
<p>Reset offsets, pushes, and pulls at specific breakpoints.</p>
|
135
|
+
<div class="row">
|
136
|
+
<div class="col-sm-5 col-md-6">.col-sm-5 .col-md-6</div>
|
137
|
+
<div class="col-sm-5 col-sm-offset-2 col-md-6 col-md-offset-0">.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0</div>
|
138
|
+
</div>
|
139
|
+
<div class="row">
|
140
|
+
<div class="col-sm-6 col-md-5 col-lg-6">.col-sm-6 .col-md-5 .col-lg-6</div>
|
141
|
+
<div class="col-sm-6 col-md-5 col-md-offset-2 col-lg-6 col-lg-offset-0">.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0</div>
|
142
|
+
</div>
|
143
|
+
|
144
|
+
|
145
|
+
</div> <!-- /container -->
|
146
|
+
|
147
|
+
|
148
|
+
<!-- Bootstrap core JavaScript
|
149
|
+
================================================== -->
|
150
|
+
<!-- Placed at the end of the document so the pages load faster -->
|
151
|
+
</body>
|
152
|
+
</html>
|
@@ -0,0 +1,82 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
7
|
+
<meta name="description" content="">
|
8
|
+
<meta name="author" content="">
|
9
|
+
<link rel="shortcut icon" href="../../assets/ico/favicon.ico">
|
10
|
+
|
11
|
+
<title>Narrow Jumbotron Template for Bootstrap</title>
|
12
|
+
|
13
|
+
<!-- Bootstrap core CSS -->
|
14
|
+
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
|
15
|
+
|
16
|
+
<!-- Custom styles for this template -->
|
17
|
+
<link href="jumbotron-narrow.css" rel="stylesheet">
|
18
|
+
|
19
|
+
<!-- Just for debugging purposes. Don't actually copy this line! -->
|
20
|
+
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
|
21
|
+
|
22
|
+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
23
|
+
<!--[if lt IE 9]>
|
24
|
+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
25
|
+
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
26
|
+
<![endif]-->
|
27
|
+
</head>
|
28
|
+
|
29
|
+
<body>
|
30
|
+
|
31
|
+
<div class="container">
|
32
|
+
<div class="header">
|
33
|
+
<ul class="nav nav-pills pull-right">
|
34
|
+
<li class="active"><a href="#">Home</a></li>
|
35
|
+
<li><a href="#">About</a></li>
|
36
|
+
<li><a href="#">Contact</a></li>
|
37
|
+
</ul>
|
38
|
+
<h3 class="text-muted">Project name</h3>
|
39
|
+
</div>
|
40
|
+
|
41
|
+
<div class="jumbotron">
|
42
|
+
<h1>Jumbotron heading</h1>
|
43
|
+
<p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
|
44
|
+
<p><a class="btn btn-lg btn-success" href="#" role="button">Sign up today</a></p>
|
45
|
+
</div>
|
46
|
+
|
47
|
+
<div class="row marketing">
|
48
|
+
<div class="col-lg-6">
|
49
|
+
<h4>Subheading</h4>
|
50
|
+
<p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
|
51
|
+
|
52
|
+
<h4>Subheading</h4>
|
53
|
+
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>
|
54
|
+
|
55
|
+
<h4>Subheading</h4>
|
56
|
+
<p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
|
57
|
+
</div>
|
58
|
+
|
59
|
+
<div class="col-lg-6">
|
60
|
+
<h4>Subheading</h4>
|
61
|
+
<p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>
|
62
|
+
|
63
|
+
<h4>Subheading</h4>
|
64
|
+
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>
|
65
|
+
|
66
|
+
<h4>Subheading</h4>
|
67
|
+
<p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
|
68
|
+
</div>
|
69
|
+
</div>
|
70
|
+
|
71
|
+
<div class="footer">
|
72
|
+
<p>© Company 2014</p>
|
73
|
+
</div>
|
74
|
+
|
75
|
+
</div> <!-- /container -->
|
76
|
+
|
77
|
+
|
78
|
+
<!-- Bootstrap core JavaScript
|
79
|
+
================================================== -->
|
80
|
+
<!-- Placed at the end of the document so the pages load faster -->
|
81
|
+
</body>
|
82
|
+
</html>
|