You are on page 1of 5

Integrating Bootstrap With HTML5

What is Bootstrap ?

• Bootstrap is HTML, CSS, and JavaScript framework to


create mobile-first, responsive websites. So, it is a
framework that contains HTML and CSS-based design
templates.
• It uses the HTML and CSS markup for content and styles
and has custom jQuery plugins to give behavior to the
site.
How to Use Bootstrap with HTML?

To begin with Bootstrap, first, we need to have Bootstrap installed on our


computer. we can download Bootstrap from getbootstrap.com or include
Bootstrap via CDN if we don't want to download Bootstrap locally.

bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ └── bootstrap.min.css.map
└── js/
├── bootstrap.js
└── bootstrap.min.js
Embedding Bootstrap in HTML5 document
Write the basic structure of HTML markup. This should look like this.

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>

</body>
</html>

In between the <head> and </head> tags is where we will write the <meta>
tags and the <link> tags. The content of the website is written within the <body>
tags.
THANK YOU

You might also like