Login


Forgot password?

INTRODUCTION


Bootstrap is the most commonly used framework for Front-End Development.

Bootstrap providing several pre defined libraries for css and java script.

Current version of Bootstrap is: 4.1.1

Bootsrap 3 vs Bootstrap 4:
  1. Panels are replaced with Cards
  2. Larger default font sizes
  3. New Grid Tier(XL)
  4. Use of Flexbox
  5. Moved from Less to Sass

website: getbootstrap.com

How to connect Bootstrap with HTML:

We can connect Bootstrap with HTML by using the following 2 ways

  1. By using CDN
  2. Locally
1. By using CDN:

Content Delivery Network

just add the following in the part of our html

demo.html:
1) <!DOCTYPE html> 
2) <html lang="en" dir="ltr">
3) <head>
4) <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"> 
5) <meta charset="utf-8"> 
6) <title></title>
7) </head> 
8) <body> 
9) <h1>This is First Bootstrap Demo</h1> 
10) </body> 
11) </html>
2. Locally:

Download bootstrap.css file from the link getbootstrap.com and download button https://github.com/twbs/bootstrap/releases/download/v4.1.1/bootstrap-4.1.1-dist.zip
zip file contains bootstrap.css file.
copy this file in our application folder and add the following link in html


demo.html:
1) <!DOCTYPE html> 
2) <html lang="en" dir="ltr"> 
3) <head> 
4) <link rel="stylesheet" 
    href="Bootstrap.css">
5) <meta charset="utf-8"> 
6) <title></title>
7) </head>
8) <body> 
9) <h1>This is First Bootstrap Demo</h1> 10) 11) </body> 12) </html>