Skip to content

CSS Framework Bootstrap

Jump to bottom Edit New page
Quincy Larson edited this page Aug 20, 2016 · 1 revision

CSS Framework Bootstrap

Bootstrap is the most popular CSS framework for developing responsive, mobile first projects for the web.

Getting Started

Here is a simple HTML template which includes the latest compiled and minified CSS and Javascript for the Bootstrap library. We have used a CDN in this example, but you can checkout other ways of installing Bootstrap here.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap Template</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  </head>
  <body>
    <h1>Hello World</h1>
    <!-- Add all HTML Code here -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
  </body>
</html>

Learning Resources

  • The official documentation for Bootstrap is available here.
  • Checkout Bootstrap's open source GitHub repository here.
  • At FreeCodeCamp, we teach Bootstrap as part of our curriculum.

Learn to code and help nonprofits. Join our open source community in 15 seconds at http://freecodecamp.com

Follow our Medium blog
Follow Quincy on Quora
Follow us on Twitter
Like us on Facebook

And be sure to click the "Star" button in the upper right of this page.

New to Free Code Camp?

JS Concepts

JS Language Reference

Other Links

Clone this wiki locally