2014-07-10 17:54:06 -07:00
---
layout: page
title: Quick start
---
2014-07-10 02:24:13 -07:00
Quickly add Bootstrap to your project via the [Bootstrap CDN ](http://bootstrapcdn.com ), graciously provided by the [MaxCDN ](http://www.maxcdn.com/ ) folks. Copy-paste the stylesheet `<link>` into your `<head>` before all other stylesheets.
2014-11-25 17:40:08 -08:00
**Disabled for v4 during alpha releases.**
{% comment %}
2014-07-10 02:24:13 -07:00
{% highlight html %}
< link rel = "stylesheet" href = "{{ site.cdn.css }}" >
{% endhighlight %}
2014-07-10 10:23:15 -07:00
Then, add the Bootstrap JavaScript—and jQuery—near the end of your pages. It's best placed right before the closing `</body>` tag. Be sure to place jQuery first as our code depends on it.
2014-07-10 02:24:13 -07:00
{% highlight html %}
2014-07-10 10:23:15 -07:00
< script src = "{{ site.cdn.jquery }}" > < / script >
2014-07-10 02:24:13 -07:00
< script src = "{{ site.cdn.js }}" > < / script >
{% endhighlight %}
Be sure to have your pages set up with the latest design and development standards. That means:
* Using an HTML5 doctype
2014-12-30 12:45:24 -08:00
* Forcing Internet Explorer to use its latest rendering mode ([read more]())
2014-07-10 02:24:13 -07:00
* And, utilizing the viewport meta tag.
Put it all together and your pages should look like this:
{% highlight html %}
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< link rel = "stylesheet" href = "{{ site.cdn.css }}" >
< / head >
< body >
< h1 > Hello, world!< / h1 >
2014-07-10 10:23:15 -07:00
< script src = "{{ site.cdn.jquery }}" > < / script >
2014-07-10 02:24:13 -07:00
< script src = "{{ site.cdn.js }}" > < / script >
< / body >
< / html >
{% endhighlight %}
And that's it. Happy Bootstrapping!
2014-11-25 17:40:08 -08:00
{% endcomment %}
