mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-30 23:36:47 +02:00
Code Issues Releases Wiki Activity
Files
daa21c36348308367d3616a1374363ebcaaeac0c
bootstrap/docs/getting-started/overview.md
Mark Otto daa21c3634 start in on new headers
2015-08-05 16:21:28 -07:00

1.6 KiB
Raw Blame History

layout, title, lead
layout title lead
page 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 %}

<script src="{{ site.cdn.jquery }}"></script> <script src="{{ site.cdn.js }}"></script>

{% 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!