Learn Bootstrap - Make Websites Superfast! Premium class

Kashif Iqbal, Web designer, Blogger & Entrepreneur

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
27 Videos (4h 7m)
    • Introduction

      4:04
    • What you need to know before taking this course ?

      2:11
    • Setting up files and folders

      4:23
    • Linking Bootstrap files and Jquery.

      8:53
    • Container, container-fluid and navbars.

      17:43
    • Grid system, buttons and icons.

      19:46
    • Dropdowns, custom content and jumbotron

      6:57
    • Breadcrumbs, Pagination and Badges

      7:32
    • Review what we've learned so far in this section.

      2:19
    • Setting up files and folders

      2:41
    • Creating Navigation

      7:43
    • Working with Jumbotron and image

      19:09
    • Working With Custom Content

      8:14
    • Working With Footer

      9:00
    • Review What We've Learned So Far In this Section

      4:22
    • Setting up files and folders

      3:39
    • Linking Bootstrap and Jquery

      10:14
    • Coding the header section

      10:30
    • Coding the billboard section

      18:20
    • Coding the three images

      7:12
    • Coding the footer

      18:09
    • Custom website using bootstrap - review

      3:25
    • Making navigation and billboard responsive

      14:11
    • Making images responsive

      16:47
    • Making footer responsive

      12:18
    • Responsive Section - Review

      2:09
    • What next ?

      4:51

About This Class

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.

6 of 7 students recommendSee All

Kashif iqbal is a very good teacher. He guides you through step to step and explains everything he does, unlike most teachers. You will have no problem getting through this course if you have basic experience with html tags and some experience with css. He is also very understandable and is not boring like a lot of instructors. - Thank you so much for this course I gained a lot!
Hi! Thank you for this class, it was a really good start with bootstrap. I understand the basics and I can build a usable and clean website - wich was my goal with this class. I am going to visit your other classes too!! :)

152

Students

--

Projects

Kashif Iqbal

Web designer, Blogger & Entrepreneur

My name is Kashif Iqbal. By profession I'm a web designer and developer. I started learning web design in 2012 and since then design and develop many websites over the years. If you like to contact me or have any questions please do not hesitate to ask me.

Thank you