Create Responsive Websites with Twitter Bootstrap - 16 Themes Included

Gobala Krishnan

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
25 Videos (3h 17m)
    • Intro: 5 Awesome Ways This Course is Different!

    • Recommended HTML Editor for This Course

    • Preview: Main Course Template + 15 "Snap On" Themes

    • Create a Simple Button With Size & Color Options

    • Setup & Configure Coda for Mac

    • How to Use Your Awesome Course Materials

    • Course Materials CSS - How to Modify The Styles

    • Multiple Buttons: Create Button Groups & Toolbars

    • Bootstrap 2 vs Bootstrap 3 - Key Differences

    • Adding Labels, Badges, Wells & Alerts to Your Content

    • Creating Panels & Styling for Multiple Uses

    • Create Nested Grids for Advanced Layouts

    • Create Offset Grids to Align Content

    • Create Headlines That Pop with Jumbotrons

    • Working with Heading Tags (H1 - H6)

    • Font Awesome - 560+ Icons to Make Your Site Pop

    • Creating an Attractive List with Font Awesome

    • Styling Responsive Images with CSS in Bootstrap

    • Creating Breadcrumbs, Pagination & List Item

    • Wrapping & Styling Code Snippets

    • Creating a Basic Tab / Pill Navigation

    • Creating & Styling Responsive Tables for Data

    • Embedding Responsive YouTube Videos & Google Maps

    • Adding Content to Tabs & Making Them Work

    • Create a Basic Grid - Container, Rows and Columns


About This Class

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?

  • Over 27 lectures and 3.5 hours of content!
  • 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

What 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

5 of 6 students recommendSee All

The classes content is mixed up! For instance, the last lesson (#25) in reality should come after Lesson #11 and hence being Lesson #12. Same for Lesson #4 that should come after we have learned how to set up Coda first.