Bootstrap Tutorial for Beginners
3.8 (27 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,035 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Bootstrap Tutorial for Beginners to your Wishlist.

Add to Wishlist

Bootstrap Tutorial for Beginners

This video series are for those who wants to learn bootstrap by starting and also for beginners
3.8 (27 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,035 students enrolled
Last updated 4/2016
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 2 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • work with web designing
View Curriculum
  • little bit knowledge of HTML and CSS and also have an editor like notpad, notpad++, visual studio, for the development

This course is about Bootstrap and its basic structure and classes and all that things which are really useful for who wants to work with this and don't have an idea about bootstrap.

by this course students will be able to work in development and designing.

This course is not too much long but all useful things are covered in this course.

Every web developer should know how to properly code a responsive website. Bootstrap 3 is an ultimate framework that learns you how to think when coding responsive websites and makes their creation much easier and faster.

Why we choose Bootstrap??

It's a very popular, well designed, open source UI framework
CSS wrappers for many Javascript components
•modal windows, typeahead, tooltips, etc.
Mobile-first design
•Bootstrap 3.0 is in the vanguard of responsive, mobile-first UI design frameworks

This list of some Bootstrap classes with some description which i explained in this video series


  • sets fixed width to an element (which changes depending on a screen size to other fixed values, so it's still responsive)
  • a fixed width responsive website should be wrapped in .container
  • .container can't be nested!


  • sets 100% width, margin-left and margin-right: auto, padding-left and padding-right: 15px
  • a full screen website should be wrapped in .container-fluid
  • .container-fluid can't be nested!


  • creates horizontal groups of columns (which usually have width classes, see below)
  • must be within .container to ensure correct padding and alignment
  • only columns (block elements with width classes) may be immediate children of rows

  • Bootstrap Grid Classes

  • can be nested, the nested columns must be wrapped in .row as well
  • all columns have float: left and position: relative styles

Who is the target audience?
  • who will interested in web designing and want to create their own projects
Students Who Viewed This Course Also Viewed
Curriculum For This Course
20 Lectures
Bootstrap introduction and installation
4 Lectures 19:38

This video is about bootstrap overview and use and how it is useful for developers.

Preview 03:24

This video is for installation of Bootstrap by one method which is via CDN.

Preview 07:11

This video is about  package installation of Bootstrap.

Bootstrap Installtion in visual studio

In Visual studio, how to use Bootstrap by nu get package is described in this video

Bootstrap package installation in visual studio
Bootstrap Basic classes and Grid system
5 Lectures 38:29

Bootstrap basic classes are described by example in this video

Bootstrap basic class

This video is about class of row of grid system of Bootstrap

Bootstrap row grid system

This Video is about Column grid system

Bootstrap Column grid system

In this video i explained about more for breakpoints and offset class

Bootstrap Column grid system and offsetclass

This video is about how to create nested column and how to ordering the column

Bootstrap Nested and ordering class
Bootstrap Button Control and Glyphicon and Form Control
6 Lectures 30:26

This video is about button control and how to use this 

Bootstrap Buttonicon

How to add different different glyphicon icons in Bootstrap is discribed in this video

Glyphicon Icon in Bootstrap

This video is about how to create a form with a different styles and how to use of it's predefined classes in Bootstrap

Form Control in Bootstrap

In this video i described the table structure of Bootstrap and gave various kind of style to it

Table Structure in Bootstrap

This video is about creating a Responsive Tabs and for that different styles

Responsive Tabs in Bootstrap

after watching this video students will get an idea about how to create a drop down menu in the webpage
Dropdown menu creation in Bootstrap
Bootstrap Advance Control like Carousel Pagination and Scrollspy Navbar
5 Lectures 31:12

How to create a fixed navbar and how to make it collapse for small screen resolution is described nicely in the video

Bootstrap Navbar Creation

in this video i explained about the Creation of a list group items with badges and other styles

ListGroup in Bootstrap

carousel is very useful class in creating responsive web page ,this video is about that.

Carousel creation in Bootstrap

Number of pages will how to manage with Pagination i explained and also about the importance of pager class 

About Pagination and Pager in Bootstrap

In This Video Series This Last video is about Scroll spy class and it's example is described by easy way.

Scrollspy example in Bootstrap
About the Instructor
Developer Rachna Makwana
3.8 Average rating
27 Reviews
1,035 Students
1 Course

I am a software engineer and doing work in private section as a developer

i like my work and also have a passion for that.

being as instructor i feel very happy and this is the best platform for doing best.

by my course i want to share the knowledge which i have and also i wish by that other people will get this and use it in their work.