Holla Tech - Learn
Bootstrap 3 html
 

Bootstrap is the most widely used front-end framework for faster and easier web development. Just a basic knowledge of HTML and CSS is enough to get started.
What’s more Bootstrap 3 is mobile-first and has built-in features for making responsive web designs that allow web sites to automatically adjust themselves to look good on devices of all sizes.

There are two ways to use Bootstrap on a web site:
– Download Bootstrap from getbootstrap.com
– Include Bootstrap from a CDN

We follow the second approach in our lessons. The code below shows how to include Bootstrap 3 in a web site using MaxCDN (Content Delivery Network): 

<!DOCTYPE html>
<html>
  <head>
    <meta charset=“utf-8”>
    <!– Responsive –>
    <meta name=“viewport” content=“width=device-width, initial-scale=1”>
    <!– CSS –>
    <link rel=“stylesheet” href=“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”>
    <!– jQuery –>
    <script src=“https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script>
    <!– JavaScript –>
    <script src=“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js”></script>
  </head>
  <body>
  </body>
</html>

 

As you can see from the code above, Bootstrap uses a CSS and a JS file.
The viewport meta tag tells the browser to render the width of the page at the width of the screen. This is done to make the page responsive on different screen sizes.
We have also included JQuery, as The Bootstrap JS relies on it.

TASK:
Don’t forget to add because Bootstrap uses HTML elements and CSS properties that require the HTML5 doctype.

BACK NEXT

CLICK ON THE BUTTON BELOW TO RETURN TO THE BOOTSTRAP 3 MAIN COURSE PAGE. 

BOOTSTRAP 3 MAIN COURSE PAGE

 


© License: All Rights Reserved 


CONTACT HOLLA TECH – LEARN SUPPORT