Bootstrap-tutorial-for-beginners icon indicating copy to clipboard operation
Bootstrap-tutorial-for-beginners copied to clipboard

Learn the main features of the most powerful mobile framework.

Bootstrap-tutorial-for-beginners

This tutorial will teach you basics of Bootstrap by building a real landing page

What will you learn?

Responsive web design
Bootstrap grid
Bootstrap components
and more...

What will I build?

Preview

How to start?

1. Preapre the environment

(you can watch tutotrial on setting up environment here)

1.1 Text editor

Download and install Visual Studio Code

1.2 Browser

Download and install one of the following browser:

1.3 Lesson files

Download lesson files from here and unzip on your computer.

You will see the following files structure:

    tutorial/ 
        1-start-here.html
        2-responsive-design.html
        3-bootstrap-grid.html
        4-bootstrap-components.html
        5-bootstrap-landing-page.html 
    final/
    starter/

2. Start learning

Navigate to tutorial folder and follow lesson files in given order:

1-start-here.html
2-responsive-design.html
3-bootstrap-grid.html
4-bootstrap-components.html
5-bootstrap-landing-page.html