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 | +-- css | +-- js | +-- plugins | | | +-- bootstrap | +-- index.html
In the above structure we have a
css that will contain all our stylesheet files. We have a
plugins folder which holds the
bootstrap files. Inside the project folder we have an
index.html file which holds the basic basic Bootstrap template.
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.
In the above code we have set the DOCTYPE to
html and language of the page to
head we have included the
bootstrap.min.css file which is the stylesheet file of Bootstrap.
Inside the body just before the closing
</body> tag we have include
jquery file and then
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 :-)