Introduction to Bootstrap Framework - Setting Up & Including Bootstrap in our Project | Tutorial - 2

Support Simple Snippets by Donations -
--------------------------------------------------------------------------------------------- Understand the Bootstrap framework for mobile first responsive website development. In this tutorial we will take a brief introduction to what is bootstrap framework and how it helps us in front end responsive mobile web development. We will also include bootstrap library into our project at the end of this video.

What is Bootstrap ?
Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites.
Bootstrap is a sleek, intuitive, and powerful, mobile first front-end framework for faster and easier web development.
It uses HTML, CSS and Javascript.
Bootstrap is completely free to download and use!

What Bootstrap Includes?
1. Grid system - Bootstrap provides a basic structure with Grid System which is a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases.
2. Custom CSS - Bootstrap comes with the feature of global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system.
3. Components - Bootstrap contains over a dozen reusable components built to provide iconography, dropdowns, navigation, alerts, pop-overs, and much more.
4. JavaScript Plugins - Bootstrap contains over a dozen custom jQuery plugins.
5. Customize - You can customize Bootstrap's components, LESS variables, and jQuery plugins to get your very own version.

Simple Snippets Official Website -
Simple Snippets on Facebook -
Simple Snippets on Instagram -
Simple Snippets on Twitter -
Simple Snippets Google Plus Page -
Simple Snippets email ID -

#bootstrap #bootstrapframework #responsivewebsite #webdevelopment #website

[SimpleSnippets]

Hey Guys, if you want more such tech educational videos on this channel then please support me by subscribing to this channel & also share it with your friends as it helps me create more content just for you ✌

[ap]

Amazing explanantion....understood it clearly...you have explained in a very simplified way..great pace and to the point explanation.

[phpprojects]

Video is very helpful for bootstrap beginners as I am. Thank you!

[ashokbabug]

I have seen all your javascript titorial it is amazing.please make a playlist on django.

[vedantamitpandya]

I can't found the go live on my VS Code. 🙄🙄🙄

[tanveershaikh]

Sir hi my name is Tanveer ur english is just khatarnak sir

[krishnsinghrajawat]

One thing should i download bootstrap first? or directly click getting started and do what you are doing in the video? 😅 Maybe it is a silly ques but it is a ques so 😅 can you tell me?

[motumagishukelbesa]

where is the link for javascript you have give a course in telusko?

[biancapanka_]

should i use the bootstrap version you are using or can i use the newest version. To be noted the newest version does not use jquery. v5.2. The website also does not give a get started option. so im confused

[shozi]

sir why we save the libraries in the different folders

[raghavendra]

Tanmay whatever link you are copy pasting is not shown in browser nor can it be saved

[sudheerm.s]

I am happy bcz bootstrap..i am sad bcz no database in these project

[raghavendra]

Tanmay how to restart visual studio code please help me

[sayantanchakrabarty]

how to make that that blank defult.html? plz help

[poojashreeradhakrishnan]

how to get live in visual studio and view the changes through the browser ...pls do help me in this sir @simplesnippets