How to Use Bootstrap Framework in Web page for responsive

In Bootstrap Example you will see how to add HTML 5 doctype Element and CSS properties.
HTML Web pages add the HTML 5 doctype at the starting of the web page with correct character set and the lang attribute
Bootstrap Framework is mobile friendly for all media screen devices: Here in web pages Bootstrap 3 is designed to be responsive web pages and mobile devices.

How to use Bootstrap with responsive fixed width container

Method: I (use Directly MAXCDN Bootstrap URL)

therefore, In the above example the following <meta> tag inside the <head> the element for proper rendering and touch zooming.
Highlight: In the meta tag content "width=device-width" is used to the width of the pages to follow the media screen device width, it varies according to the media screen devices.
consequently, The initial-scale=1 in meta tag part is used to set the initial zoom level when the web page is first loaded by the browser (firefox, chrome, safari, etc.)
Containers: In Bootstrap container class is used to wrap the site contents. There is the following two type of container classes.

The .container class is used to provides a responsive fixed width container.
The .container-fluid is used to class provides a full-width container, spanning the entire width of the viewport.

Method: II (use Bootstrap File Sources)


bootstrap framework
as a result In the above example Method-II, first, you will download the Bootstrap file source code from the main

bootstrap primary domain. Bootstrap Download (click here) and follow as mention in the below image.
Bootstrap framework
therefore, after downloading the file when you open bootstrap framework file you will find CSS folder, js folder, image folder, fonts folder.

therefore folder contains respective file such as in CSS folder contain a CSS file and js folder contain js file

Furthermore, next step you will add the CSS file after meta tag such as:-

therefore, here rel indicate you added stylesheet and type indicate the text/css file and href indicate the CSS

as a result, the file path (here you will add the CSS file path) as above example.

as a result, you will see in the CSS path the bootstrap.css file exit in CSS folder so the path will be css/bootstrap.css
therefore, javascript file added before the close tag of the body as given below