2.6 KiB
Quick start
Quickly add Bootstrap to your project via the Bootstrap CDN, graciously provided by the MaxCDN folks. Copy-paste the stylesheet <link> into your <head> before all other stylesheets.
{% highlight html %}
{% endhighlight %}Then, add the Bootstrap JavaScript—and jQuery—near the end of your project. It's best placed right before the closing </body> tag. Be sure to place jQuery first.
{% highlight html %}
{% endhighlight %}
Be sure to have your pages set up with the latest design and development standards. That means:
- Using an HTML5 doctype
- Forcing Internet Explorer to use it's latest rendering mode (read more)
- And, utilizing the viewport meta tag.
Put it all together and your pages should look like this:
{% highlight html %}
<html lang="en"> <head> </head>Hello, world!
<script src="">jQuery</script>
<script src="{{ site.cdn.js }}"></script>
And that's it. Happy Bootstrapping!
Download
Bootstrap is available for download via ZIP file in two flavors: precompiled CSS and Javascript, and the complete source code with documentation.
Precompiled
Compiled and minified CSS and JavaScript. No docs or original source files are included.
Download Bootstrap
Source code and docs
Source Less, JavaScript, and documentation. Requires a Less compiler and some setup.
Download source
Bower
Install and manage Bootstrap's Less, CSS, and JavaScript using Bower.
{% highlight bash %}$ bower install bootstrap{% endhighlight %}
npm
Bootstrap is available as an npm package. Install it into your Node powered apps with:
{% highlight bash %}$ npm install bootstrap{% endhighlight %}