This is an introduction to Bootstrap framework tutorial.
Bootstrap is one of the most popular HTML, CSS and JS framework for developing responsive websites.
A responsive website is a website that adapts to any screen size.
To download the latest release of Bootstrap framework visit their official website by clicking here.
You can also check their GitHub repository for latest code.
In order to follow this tutorial we will need the following softwares.
In order to understand this tutorial on Bootstrap it is assumed that you are familiar with of the following.
We will be using the following project structure in this tutorial.
Our project is called bootstrap-project.
| +-- bootstrap
I will put all the code that we are going to write in this tutorial series in my GitHub repository bootstrap-project.
Open the index.html file and write the following code.
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn&apost work if you view the page via file:// -->
<!--[if lt IE 9]>
In the above code we have set the DOCTYPE to html and language of the page to en English.
In the head we have included the bootstrap.min.css file which is the stylesheet file of Bootstrap.
Now, if we open the index.html page in the browser we will get the following output.
Alright guys this is the end of this introduction to Bootstrap tutorial. I hope to see you guys in the next tutorial. Have fun :-)
Have fun learning :-)
Copyright © 2014 - 2020 DYclassroom. All rights reserved.