Web Development with BootStrap - 16 Instant Themes Included!

Learn BootStrap 3 by using, editing and reverse engineering our awesome BootStrap templates. Over 15 themes included!
4.5 (39 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,330 students enrolled
Sale Ends Today!
62% off
Take This Course
  • Lectures 27
  • Length 3.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 7/2015 English

Course Description

Learn how to create beautiful mobile-first websites with Bootstrap 3. Built for beginners, and easy to follow!

The main component of this course is our collection of 16 reusable basic BootStrap templates that you can quickly copy and paste into your own projects to create amazing mobile-first websites - even if you have very little knowledge in working with CSS frameworks!

Of course, I also explain the basic elements of Twitter BootStrap 3, so you can experiment and hack the provided code to bits if you so wish to! I developed this as a fun, digestable course for beginners, but I believe intermediate students can still find amazing value.

What are the requirements?

  • You will need basic knowledge of HTML and CSS before taking this course
  • This course is paced at "medium to slow" and intended for absolute beginners - if you're an advanced developer, feel free to modify the speed of the video or skip over stuff

What am I going to get from this course?

  • Understand the main components of Twitter Bootstrap 3, and how to use them like a ninja
  • Use our customizable templates to quickly launch your own awesome, mobile-responsive website with very little effort
  • Get a complete, meaningful overview of CSS frameworks and how to use them effectively

Who is the target audience?

  • Anyone who wants to build mobile-responsive websites easily
  • Non-geek entrepreneurs who want an easy way to prototype their ideas for a website or application

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.



This is one of the most engaging courses you'll ever see. If you want to start coding in HTML and CSS, using Bootstrap can help ou get to the next level faster.


In this video I explain exactly how this course is different from any other web design or development course you may have taken.


I love it when my students complete my course. You will love it too :)

Section 1: Course Materials & Setup Instructions

Download the main course materials before you start the lessons.


Don;t have a preferred HTML editor? I give you recommendations for Windows and Mac. A simple HTML editor is all you'll need to take this course.


For Mac users, I explain how to setup Coda.


The extra effort I put into creating our course materials will help you learn Bootstrap faster.


I use multiple CSS files in the template to make it easier to work with while learning.


Let's understand the different versions of BootStrap to avaoid confusion when referencing on Google.

Section 2: Mastering Basic Components in Bootstrap

Bootstrap's core is the grid system; a systematic formula for creating pages.


Grids go a long way in Bootstrap, here's an example of creating a more advanced grid structure.


Bootstrap's grid structure is really flexible, and you can easily align content for readability.


Jumbotrons help to highlight your USP or headline.


You can style heading tags to create awesome headlines and taglines.


This lecture expains how to use font icons from FontAwesome.


Turn an ordinary list into a checklist with icons.


A simple tutorial but very practical: working with image CSS classes.


We'll turn an ordinary HREF link into awesome Bootstrap buttons.


Go beyond the individual button, and start creating button groups. Next, combine several groups to create a button toolbar.


A simple UL or unordered list can easily be transformed into interesting elements with Bootstrap.


How to add snippets like labels and badges, as well as alerts.


If you want to style and display code snippets with Bootstrap, here's how you do it.


Tables: Everyone needs to use them sooner or later. Good news is, Bootstrap lets you create gorgeous tables easily.


Panels are new in Bootstrap 3, and here's how to use them..


Add media to your site, and make them responsive.


Display content effectively with tabs.


Display content effectively with tabs.

2 questions

Let's test your understanding of Bootstrap..

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Gobala Krishnan, Digital Marketing Expert, SAAS Advisor & Startup CEO

I built my first money-making website in 2001 with no help. In the past 15 years, I have made over $396,000 selling ebooks, courses, workshops, templates, software, and platforms.

I am an expert in affiliate marketing, niche marketing, website building, WordPress, copywriting, e-commerce and SEO. I have a passion in teaching others how to start, manage and succeed with an online business.

Recently, I have also been experimenting with video production, photography, and creating online tutorials for free and via places like Udemy.

Through my company, Kash Media, we own popular marketing platforms like LinkTrackr, Shorty, Nichify and Heylo. 

Ready to start learning?
Take This Course