Learn Bootstrap - Make Websites Superfast!

Learn how bootstrap works and create responsive websites superfast!
0.0 (0 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.
6 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 30
  • Length 4 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

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

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

About This Course

Published 10/2015 English

Course Description

Welcome to the world of bootstrap. Bootstrap is amazing framework which saves us ton of time. Bootstrap is responsive so means our websites will work on every device we through in. If you just getting started in bootstrap or want to learn more then this is a perfect course for you.

This course divided into 3 sections

  1. Learning how bootstrap classes and grid system works.
  2. Creating a bootstrap style website.
  3. Creating a custom website using bootstrap.


  1. Learning how bootstrap classes and grid system works
  • Container, container fluid and navbars.
  • Grid system, buttons and icons.
  • Dropdowns, custom content and jumbotron.
  • Breadcrumbs, Pagination and Badges.


2. Creating a bootstrap style website

  • Navigation
  • Jumbotron
  • Custom content
  • footer


3. Creating a custom website using bootstrap

  • Responsive Navigation
  • Responsive Billboard
  • Responsive Images
  • Responsive Footer


After completing this course you'll have complete understanding how bootstrap works and how you can customize it.

What are the requirements?

  • Very basic HTML & CSS

What am I going to get from this course?

  • Create websites superfast
  • Create custom looking websites
  • Create responsive websites

What is the target audience?

  • If you want to create responsive websites super fast then this course is for you

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.

Curriculum

Section 1: Intoduction
04:04

In this lecture, we'll learn about the contents of the course.

02:11

In this lecture, we'll talk about the things we need to know before taking this course.

00:58

In this lecture, we'll learn how to download course files.

Section 2: Learning Bootstrap Components, Classes And Grid System
04:23

In this lecture, we'll setup files and folders.

08:53

In this lecture, we'll be linking bootstrap files and jquery.

17:43

In this lecture, we'll play with bootstrap container, container-fluid and navigation bars.

3 pages

Some important classes to remember when developing bootstrap websites.

19:46

In this lecture, we'll be playing with bootstrap grid system, icons and buttons.

06:57

In this lecture, we'll be playing with bootstrap dropdowns, custom content and jumbotron.

07:33

In this lecture, we'll be playing with breadcrumbs, pagination and badges.

02:19

In this lecture, we'll review what we've learned so far.

Section 3: Building A Bootstrap Style Website
02:42

In this lecture, we'll prepare our files and folders.

07:44

In this lecture, we'll create and customize navigation.

19:09

In this lecture, we'll be working with Jumbotron and a billboard image.

08:14

In this lecture, we'll be working with bootstrap custom content.

09:00

In this lecture, we'll be working with footer.

04:22

In this lecture, we'll review what we've learned so far in this section.

Section 4: Building A Custom Website Using Bootstrap
03:39

In this lecture, we will learn how to organize files and folders for our project.

10:15

In this lecture, we will link all necessary files to our HTML index file.

10:30

In this lecture, we will code the nevigation bar.

18:20

In this lecture, we will code the billboard area.

07:12

In this lecture we will code the three images.

18:09

In this lecture, we'll code the footer area.

03:25

In this lecture, we'll be reviewing this section.

Section 5: Making It Responsive
14:11

In this lecture, we'll be making our navigation & billboard responsive.

16:47

In this lecture, we'll be making images area responsive.

12:18

In this lecture, we'll be making our footer responsive.

02:09

In this lecture, we'll review this section.

Section 6: Bonus Section
04:51

In this lecture, we'll talk about where to go next from this course.

1 page

Discount courses for you.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Mr Kashif Iqbal, Teacher, Blogger, Designer and developer.

Hello, I'm a designer, blogger, teacher and a developer. I'm creating and deigning websites over 5 years now and I am so passionate to teach this knowledge to other people. I believe technology made this world a amazing place to live and we are lucky to be around this time and we must now miss this amazing technology.  

Ready to start learning?
Take This Course