kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity
twbs--bootstrap/docs/getting-started/overview.md

1.6 KiB
Raw Blame History

layout title group
page Start using Bootstrap getting-started

Quickly add Bootstrap to your project via the Bootstrap CDN, graciously provided by the MaxCDN folks.

Include CSS and JS

Copy-paste the stylesheet <link> into your <head> before all other stylesheets.

Heads up! Much of this page will be inaccurate during the v4 alpha releases.

{% highlight html %}

{% endhighlight %}

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.

{% highlight html %}

{% endhighlight %}

Page template

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 its 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="{{ site.cdn.jquery }}"></script>
<script src="{{ site.cdn.js }}"></script>
</html> {% endhighlight %}

And that's it. Happy Bootstrapping!