Web Development with BootStrap - 16 Instant Themes Included!
4.2 (48 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,375 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web Development with BootStrap - 16 Instant Themes Included! to your Wishlist.

Add to Wishlist

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.2 (48 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,375 students enrolled
Created by Gobala Krishnan
Last updated 7/2015
Price: $40
30-Day Money-Back Guarantee
  • 3.5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
  • 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

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.

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
Compare to Other Bootstrap Courses
Curriculum For This Course
27 Lectures
Intro: 5 Awesome Ways This Course is Different!
3 Lectures 13:32

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.

Preview 04:05

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

Preview 04:34

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

Bonus Worth $259 - Complete This Course and Get It!
Course Materials & Setup Instructions
6 Lectures 34:12

Download the main course materials before you start the lessons.

Download The Coplete Course Materials Here

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.

Recommended HTML Editor for This Course

For Mac users, I explain how to setup Coda.

Setup & Configure Coda for Mac

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

Preview 10:57

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

Course Materials CSS - How to Modify The Styles

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

Bootstrap 2 vs Bootstrap 3 - Key Differences
Mastering Basic Components in Bootstrap
18 Lectures 02:34:38

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

Create a Basic Grid - Container, Rows and Columns

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

Create Nested Grids for Advanced Layouts

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

Create Offset Grids to Align Content

Jumbotrons help to highlight your USP or headline.

Create Headlines That Pop with Jumbotrons

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

Working with Heading Tags (H1 - H6)

This lecture expains how to use font icons from FontAwesome.

Font Awesome - 560+ Icons to Make Your Site Pop

Turn an ordinary list into a checklist with icons.

Creating an Attractive List with Font Awesome

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

Styling Responsive Images with CSS in Bootstrap

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

Create a Simple Button With Size & Color Options

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

Preview 12:04

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

Creating Breadcrumbs, Pagination & List Item

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

Adding Labels, Badges, Wells & Alerts to Your Content

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

Wrapping & Styling Code Snippets

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

Preview 09:15

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

Creating Panels & Styling for Multiple Uses

Add media to your site, and make them responsive.

Embedding Responsive YouTube Videos & Google Maps

Display content effectively with tabs.

Creating a Basic Tab / Pill Navigation

Display content effectively with tabs.

Adding Content to Tabs & Making Them Work

Let's test your understanding of Bootstrap..

Final Exam - Get Your Scores!
2 questions
About the Instructor
Gobala Krishnan
4.2 Average rating
426 Reviews
21,049 Students
6 Courses
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.