Bootstrap Responsive Web Design Tutorial For Beginners

Master Responsive Web Development Using Bootstrap from Scratch
4.3 (8 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.
897 students enrolled
Take This Course
  • Lectures 22
  • Length 2.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 8/2015 English

Course Description

These days, you're nowhere without a website, so there's a huge value to web development skills. If you want to create responsive websites or applications with fast speed and ease, Then you need Bootstrap.

Discover the power of Bootstrap as you take your website development skills to the next level. In this course we cover the very basics of Bootstrap programming, then move on to more complex topics while still making sure the course is easy to understand for those who have never programmed before.

Bootstrap is the one of the most popular HTML, CSS, and JS framework for developing responsive, mobile friendly projects on the web.

So Let's get started !!!

What are the requirements?

  • The very basic understanding of Html
  • Web Masters and Web developers who want to widen their knowledge

What am I going to get from this course?

  • Learn basics of creating responsive web designs using twitter bootstrap
  • Understand the use of Bootstrap Component

Who is the target audience?

  • Web Masters and Web developers
  • New Developers
  • The very basic understanding of Html
  • A genuine interest to learn
  • Students

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Installing Bootstrap
Course Intro
How to Download and Install Bootstrap + Introduction
Section 2: Bootstrap Grid System
Bootstrap Grid System , container vs container-fluid
Row and Column in Grid System
Section 3: Creating Responsive Web Design using Bootstrap
Creating Responsive Navbar with Dropdown Menus Part 1
Creating Responsive Navbar with Dropdown Menus Part 2
Adding Responsive Footer
Responsive Jumbotron
Bootstrap Buttons
Creating Responsive Multi Column Layout
Adding Responsive Thumbnail and Image to Bootstrap
Get Started with Font Awesome and Adding Social Icons
Adding Carousel (Image Slider)
Google Web Fonts with Bootstrap
Adding Glyphicons in Bootstrap
Download and Install Visual Studio 2015 (Community Edition)
How to Create Twitter Bootstrap Project in Visual Studio
Creating Panels
Bootstrap Alerts and Wells
Badges and Labels in Bootstrap
Bootstrap Modal (dialog box or popup window)
Bootstrap Forms

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Yogesh Patel, Software Developer and Programming Enthusiast

Yogesh Patel is Software Developer and Programming Enthusiast with much experience from different projects and many different programming languages. He earned Master's Degree from Germany. Teaching has been his passion since a long time. His aim to teach technology the way it is used in industry and professional world .

Software training is becoming so costly these days, that poor people are finding it very difficult to attend courses and find jobs. His aim behind creating these tutorials is to help those in need. If you find this useful, please share with your friends on Facebook twitter and Google plus. Let's make these videos help as many students as possible.

Ready to start learning?
Take This Course