forked from jsdelivr/bootstrapcdn
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
256 lines (237 loc) · 18.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bootstrap CDN">
<meta name="author" content="Justin Dorfman">
<title>Bootstrap CDN</title>
<!-- Bootstrap core CSS -->
<link href="favicon.png" rel="shortcut icon">
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/bootstrap-cdn.css" rel="stylesheet"> <!-- Temp -->
<link href="css/docs.css" rel="stylesheet">
</head>
<body>
<div class="alert alert-success"><center><a href="http://www.speedawarenessmonth.com/?f=ribbon" class="alert-link" target="_blank">#SAM2013 Partner <i class="icon-external-link-sign"></i></a></center></div>
<div class="jumbotron">
<div class="container">
<h1>Bootstrap CDN</h1>
<p>The recommended CDN for <a href="http://getbootstrap.com" target="_blank">Bootstrap</a>, <a href="http://FontAwesome.io" target="_blank">Font Awesome</a>, and <a href="http://bootswatch.com">Bootswatch</a>.</p>
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#quickstart">Quick Start</a></li>
<li><a data-toggle="tab" href="#fontawesome"><i class="icon-flag"></i> Font Awesome</a></li>
<li><a data-toggle="tab" href="#bootswatch">Bootswatch</a></li>
<li><a data-toggle="tab" href="#legacy">Legacy</a></li>
</ul>
</div>
<div class="tab-content">
<!-- Quick Start -->
<div id="quickstart" class="tab-pane active">
<div class="label-container"><span class="label">Complete CSS</span></div>
<p><input value="<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">" class="inputs"></p>
<div class="label-container"><span class="label">Complete JavaScript</span></div>
<p><input value="<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>" class="inputs"></p>
<br/>
</div>
<!-- Font Awesome -->
<div id="fontawesome" class="tab-pane">
<div class="label-container"><span class="label">CSS No Icons</span></div>
<p><input value="<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.no-icons.min.css" rel="stylesheet">" class="inputs"></p>
<div class="label-container"><span class="label">Font Awesome CSS</span></div>
<p><input value="<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">" class="inputs"></p>
<br/></div>
<!-- Legacy -->
<div id="legacy" class="tab-pane">
<div id="quickstart" class="tab-pane">
<div class="label-container"><span class="label label-info">2.3.2</span></div>
<div class="label-container"><span class="label">Complete CSS (Responsive, With Icons)</span></div>
<p><input value="<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">" class="inputs"></p>
<div class="label-container"><span class="label">Complete JavaScript</span></div>
<p><input value="<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>" class="inputs"></p>
<div class="label-container"><span class="label">Complete Bootstrap CSS (Without Icons)</span></div>
<p><input value="<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">" class="inputs"></p>
<div class="label-container"><span class="label label-info">2.3.1</span></div>
<div class="label-container"><span class="label">Complete CSS (Responsive, With Icons)</span></div>
<p><input value="<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">" class="inputs"></p>
<div class="label-container"><span class="label">Complete JavaScript</span></div>
<p><input value="<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>" class="inputs"></p>
<hr>
<div class="label-container"><span class="label label-info">2.3.0</span></div>
<div class="label-container"><span class="label">Complete CSS (Responsive, With Icons)</span></div>
<p><input value="<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css" rel="stylesheet">" class="inputs"></p>
<div class="label-container"><span class="label">Complete JavaScript</span></div>
<p><input value="<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>" class="inputs"></p>
<hr>
<div class="label-container"><span class="label label-info">2.2.2</span></div>
<div class="label-container"><span class="label">Complete CSS (Responsive, With Icons)</span></div>
<p><input value="<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">" class="inputs"></p>
<div class="label-container"><span class="label">Complete CSS (Not Responsive, With Icons)</span></div>
<p><input value="<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap.min.nr.css" rel="stylesheet">" class="inputs"></p>
<div class="label-container"><span class="label">Complete JavaScript</span></div>
<p><input value="<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>" class="inputs"></p>
<hr>
<div class="label-container"><span class="label label-info">2.2.1</span></div>
<div class="label-container"><span class="label">Complete CSS (Responsive, With Icons)</span></div>
<p><input value="<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">" class="inputs"></p>
<div class="label-container"><span class="label">Complete JavaScript</span></div>
<p><input value="<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>" class="inputs"></p>
<hr>
<div class="label-container"><span class="label label-info">2.2.0</span></div>
<div class="label-container"><span class="label">Complete CSS (Responsive, With Icons)</span></div>
<p><input value="<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.0/css/bootstrap-combined.min.css" rel="stylesheet">" class="inputs"></p>
<div class="label-container"><span class="label">Complete JavaScript</span></div>
<p><input value="<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.0/js/bootstrap.min.js"></script>" class="inputs"></p>
<hr>
<div class="label-container"><span class="label label-info">2.1.1</span></div>
<div class="label-container"><span class="label">Complete CSS (Responsive, With Icons)</span></div>
<p><input value="<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" rel="stylesheet">" class="inputs"></p>
<div class="label-container"><span class="label">Complete JavaScript</span></div>
<p><input value="<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>" class="inputs"></p>
<hr>
<div class="label-container"><span class="label label-info">2.1.0</span></div>
<div class="label-container"><span class="label">Complete CSS (With Icons)</span></div>
<p><input value="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap-combined.min.css" class="inputs"></p>
<div class="label-container"><span class="label">Complete JavaScript</span></div>
<p><input value="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/js/bootstrap.min.js" class="inputs"></p>
<br/></div>
<div class="label-container"><span class="label label-important">2.0.4</span></div>
<div class="label-container"><span class="label">Complete CSS</span></div>
<p><input value="//netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css" class="inputs"></p>
<div class="label-container"><span class="label">Complete JavaScript</span></div>
<p><input value="//netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap.min.js" class="inputs"></p>
</div>
<!-- Bootswatch -->
<div id="bootswatch" class="tab-pane">
<div class="row-fluid bootstop">
<h4 style="color:#999;"><br></h4>
<div class="span4">
<div><a target="_blank" href="http://bootswatch.com/amelia/"><img src="http://bootswatch.com/amelia/thumbnail.png"></a></div>
<p><input value="//netdna.bootstrapcdn.com/bootswatch/3.0.0/amelia/bootstrap.min.css" class="bootswatch"></p>
</div>
<div class="span4">
<div><a target="_blank" href="http://bootswatch.com/cerulean/"><img src="http://bootswatch.com/cerulean/thumbnail.png"></a></div>
<p><input value="//netdna.bootstrapcdn.com/bootswatch/3.0.0/cerulean/bootstrap.min.css" class="bootswatch"></p>
</div>
</div>
<div class="row-fluid">
<div class="span4">
<div><a target="_blank" href="http://bootswatch.com/cosmo/"><img src="http://bootswatch.com/cosmo/thumbnail.png"></a></div>
<p><input value="//netdna.bootstrapcdn.com/bootswatch/3.0.0/cosmo/bootstrap.min.css" class="bootswatch"></p>
</div>
<div class="span4">
<div><a target="_blank" href="http://bootswatch.com/cyborg/"><img src="http://bootswatch.com/cyborg/thumbnail.png"></a></div>
<p><input value="//netdna.bootstrapcdn.com/bootswatch/3.0.0/cyborg/bootstrap.min.css" class="bootswatch"></p>
</div>
<div class="span4">
<div><a target="_blank" href="http://bootswatch.com/flatly/"><img src="http://bootswatch.com/flatly/thumbnail.png"></a></div>
<p><input value="//netdna.bootstrapcdn.com/bootswatch/3.0.0/flatly/bootstrap.min.css" class="bootswatch"></p>
</div>
</div>
<div class="row-fluid">
<div class="span4">
<div><a target="_blank" href="http://bootswatch.com/journal/"><img src="http://bootswatch.com/journal/thumbnail.png"></a></div>
<p><input value="//netdna.bootstrapcdn.com/bootswatch/3.0.0/journal/bootstrap.min.css" class="bootswatch"></p>
</div>
<div class="span4">
<div><a target="_blank" href="http://bootswatch.com/readable/"><img src="http://bootswatch.com/readable/thumbnail.png"></a></div>
<p><input value="//netdna.bootstrapcdn.com/bootswatch/3.0.0/readable/bootstrap.min.css" class="bootswatch"></p>
</div>
<div class="span4">
<div><a target="_blank" href="http://bootswatch.com/simplex/"><img src="http://bootswatch.com/simplex/thumbnail.png"></a></div>
<p><input value="//netdna.bootstrapcdn.com/bootswatch/3.0.0/simplex/bootstrap.min.css" class="bootswatch"></p>
</div>
</div>
<div class="row-fluid">
<div class="span4">
<div><a target="_blank" href="http://bootswatch.com/slate/"><img src="http://bootswatch.com/slate/thumbnail.png"></a></div>
<p><input value="//netdna.bootstrapcdn.com/bootswatch/3.0.0/slate/bootstrap.min.css" class="bootswatch"></p>
</div>
<div class="span4">
<div><a target="_blank" href="http://bootswatch.com/spacelab/"><img src="http://bootswatch.com/spacelab/thumbnail.png"></a></div>
<p><input value="//netdna.bootstrapcdn.com/bootswatch/3.0.0/spacelab/bootstrap.min.css" class="bootswatch"></p>
</div>
</div>
<div class="row-fluid">
<div class="span4">
<div><a target="_blank" href="http://bootswatch.com/united/"><img src="http://bootswatch.com/united/thumbnail.png"></a></div>
<p><input value="//netdna.bootstrapcdn.com/bootswatch/3.0.0/united/bootstrap.min.css" class="bootswatch"></p>
<br>
</div>
</div>
</div>
</div>
<ul class="jumbotron-links">
<li>
<div class="social">
<iframe src="http://ghbtns.com/github-btn.html?user=netdna&repo=bootstrap-cdn&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.1375828408.html#_=1376940868163&count=horizontal&id=twitter-widget-0&lang=en&original_referer=http%3A%2F%2Fwww.bootstrapcdn.com%2F%3Fv%3D0813131&size=m&text=BootstrapCDN%3A%20Twitter's%20Bootstrap%20hosted%20on%20NetDNA's%20Content%20Delivery%20Network&url=http%3A%2F%2Fwww.bootstrapcdn.com&via=jdorfman" class="twitter-share-button twitter-count-horizontal" title="Twitter Tweet Button" data-twttr-rendered="true" style="width: 107px; height: 20px;"></iframe>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1375828408.html#_=1376940868174&id=twitter-widget-2&lang=en&screen_name=jdorfman&show_count=false&show_screen_name=true&size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 120px; height: 20px;"></iframe>
</div>
</li>
<li>
<a href="http://github.com/netdna/bootstrap-cdn" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);">GitHub project</a>
</li>
<li>
<a href="http://getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Bootstrap']);">Bootstrap</a>
</li>
<li>
<a href="http://expo.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Expo']);">Bootstrap Expo</a>
</li>
<li>Powered by <a href="http://www.maxcdn.com">MaxCDN</a></li>
</ul>
</div>
</div>
<div class="container">
</div><!-- /.container -->
<div class="how-to">
<div class="container">
<h2>Mad Love:</h2>
<div align="center" class="row-fluid">
<div><div><blockquote class="twitter-tweet"><p>if you're looking for a CDN to host @<a href="https://twitter.com/twbootstrap">twbootstrap</a>, the folks at @<a href="https://twitter.com/netdnadeveloper">netdnadeveloper</a> have graciously provided a free one <a href="http://t.co/MsH8NBJ1" title="http://www.bootstrapcdn.com/">bootstrapcdn.com</a></p>—Twitter Open Source (@TwitterOSS) <a href="https://twitter.com/TwitterOSS/status/233235680166293504" data-datetime="2012-08-08T16:18:14+00:00">August 8, 2012</a></blockquote></div><blockquote class="twitter-tweet"><p>It's really cool to see the bootstrap community step up with projects like this.<a href="http://t.co/YLVWCevr" title="http://www.bootstrapcdn.com/">bootstrapcdn.com</a> <3</p>—♒∆✝ (@fat) <a href="https://twitter.com/fat/status/230014001256464384" data-datetime="2012-07-30T18:56:26+00:00">July 30, 2012</a></blockquote></div><blockquote class="twitter-tweet" data-conversation="none"><p>@<a href="https://twitter.com/andriyko">andriyko</a> Haha, finally? @<a href="https://twitter.com/netdnadeveloper">netdnadeveloper</a> had that shit out in like an hour :).</p>—Mark Otto (@mdo) <a href="https://twitter.com/mdo/status/263173412984344576">October 30, 2012</a></blockquote><blockquote class="twitter-tweet"><p>BootstrapCDN killed it in 2012. Check out their data from the year in review for serving up Bootstrap: <a href="http://t.co/DaOU2uEJ" title="http://blog.netdna.com/opensource/bootstrapcdn/bootstrapcdn-2012-year-in-review/">blog.netdna.com/opensource/boo…</a></p>—Twitter Bootstrap (@twbootstrap) <a href="https://twitter.com/twbootstrap/status/287063373177307136">January 4, 2013</a></blockquote><blockquote class="twitter-tweet"><p>Wow, that was fast. Font Awesome 3.0 is now up on CDN. Thanks, @<a href="https://twitter.com/netdnadeveloper">netdnadeveloper</a>! <a href="http://t.co/d7PzoQH2" title="http://bit.ly/UkT0IS">bit.ly/UkT0IS</a></p>—Fort Awesome (@fortaweso_me) <a href="https://twitter.com/fortaweso_me/status/286569664862109696">January 2, 2013</a></blockquote><div><blockquote class="twitter-tweet"><p><a href="http://t.co/GYVUGWg7" title="http://www.bootstrapcdn.com/">bootstrapcdn.com</a> nice to see a CDN like NetDNA take these kind of initiatives</p>—CDN Planet (@cdnplanet) <a href="https://twitter.com/cdnplanet/status/213008798707744768" data-datetime="2012-06-13T20:43:49+00:00">June 13, 2012</a></blockquote></div>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<p><a href="http://getbootstrap.com">Bootstrap</a> is a front-end framework for fast, sleek, and mobile-first web development.</p>
<p><a href="http://getbootstrap.com">Font Awesome</a> is the iconic font designed for Bootstrap.</p>
<p><a href="http://getbootstrap.com">Bootswatch</a> provides free themes for Bootstrap.</p>
<p><a href="http://glyphicons.com">Glyphicons</a> is an extensive glyph library created by Jan Kovařík and <a href="http://glyphicons.com/glyphicons-licenses/">made available for Bootstrap</a>.
<p><a href="http://bootstrapcdn.com">Bootstrap CDN</a> provides free CDN support for Bootstrap's CSS and JavaScript.</p>
<p>Maintained by <a href="https://twitter.com/jdorfman">@jdorfman</a></p>
<p><a href="http://www.maxcdn.com"><i class="icon-maxcdn icon-2x"></i></a></p>
</div>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32253110-1']);
_gaq.push(['_setDomainName', 'bootstrapcdn.com']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://platform.twitter.com/widgets.js" charset="utf-8"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script>
// Select to Copy
$("input:text").focus(function(){$(this).select();$(this).mouseup(function(a){a.preventDefault()})});
// Javascript to enable link to tab
var hash = document.location.hash;
var prefix = "tab_";
if (hash) {
$('.nav-tabs a[href='+hash.replace(prefix,"")+']').tab('show');
}
// Change hash for page-reload
$('.nav-tabs a').on('shown', function (e) {
window.location.hash = e.target.hash.replace("#", "#" + prefix);
});
</script>
</body>
</html>