0% found this document useful (0 votes)
48 views5 pages

HTML5 Self Study

To integrate Bootstrap with HTML5, first download Bootstrap from getbootstrap.com or include it via CDN. Bootstrap contains CSS and JavaScript files that provide a mobile-first responsive framework. Write the basic HTML structure with <head> and <body> tags. Within the <head> add <meta> tags and <link> tags to reference the Bootstrap CSS files. Then within the <body> add content and customize styles using Bootstrap classes.

Uploaded by

Jeet Das
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
48 views5 pages

HTML5 Self Study

To integrate Bootstrap with HTML5, first download Bootstrap from getbootstrap.com or include it via CDN. Bootstrap contains CSS and JavaScript files that provide a mobile-first responsive framework. Write the basic HTML structure with <head> and <body> tags. Within the <head> add <meta> tags and <link> tags to reference the Bootstrap CSS files. Then within the <body> add content and customize styles using Bootstrap classes.

Uploaded by

Jeet Das
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 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