Create a Responsive Website with Bootstrap 3

Get started with Bootstrap 3 to create your responsive websitequickly, using this free and open source framework.
4.4 (29 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.
4,001 students enrolled
$50
Take This Course
  • Lectures 22
  • Contents Video: 3 hours
    Other: 1 min
  • Skill Level Intermediate Level
  • 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/2014 English

Course Description

Learn the essentials you’ll need to get started with using Bootstrap, the most popular HTML, CSS and JS framework for developing responsive sites.

Building fantastic websites that look awesome on different devices is crucial. The Bootstrap framework and its mobile-first framework allow you to kick-start your development.

During this course, your instructor will get you started with the essentials of Bootstrap with some practical examples.

Learn how to test your website on different devices to ensure they look perfect before you publish your site to the masses!

Create a Responsive Website with Bootstrap 3 also teaches advanced topics including adding a login and registration form, creating data tables, adding check boxes and radio buttons, and using themes for rapid implementation.

By the end of this course, you will feel confident that you understand the fundamentals needed to effectively use Bootstrap 3. You will also know how to overcome design challenges that commonly face web developers today.

What are the requirements?

  • Prerequisites include a foundation of creating basic websites, an understanding of HTML/CSS familiarity, and basic web concepts.

What am I going to get from this course?

  • By the end of the course, you will have a fundamental knowledge of creating responsive websites using Bootstrap 3.
  • Learn how to add navigation elements.
  • Add Glypicon icons to your site
  • Discover Fuel UX to create checkboxes, radio buttons and more.
  • Add forms including login and registration forms.
  • Work with breadcrumbs, badges and bars.
  • Use emulators to test a website on different devices.
  • Create a data table and using FooTable

What is the target audience?

  • Web masters or web designers who need to improve their development skills with a focus on learning how to build responsive websites.
  • People who are familiar with older versions of Bootstrap and need to upgrade their knowledge on Bootstrap 3.

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: Introduction to Bootstrap
What is Bootstrap and Where to Download It
Preview
02:12
IMPORTANT - Read this to ensure the best video quality!
Article
Section 2: Learning Bootstrap
Hello World Example
Preview
06:36
Adding Navigation Elements
02:37
Course demo files
Article
Section 3: Introduction to Controls
Advanced Features and Controls - Part 1
Preview
06:13
Advanced Features and Controls - Part 2
09:58
Section 4: Emulation
Testing the Website in Different Devices
10:33
Section 5: Social Media
Using Media Class to Add Images and Comments
06:36
Section 6: Cross Device and More Nav Bar Features
Cross Device Nav Bar ; Logo and Toggle Button
11:47
Dropdown & Glyphicon
10:06
Section 7: Button Enhancements
Adding Dropdown and Glyphicon to Buttons; Adding Search Field
09:43
Section 8: Forms
Adding a Login Form
11:56
Adding a Registration Form - Part 1
11:57
Adding a Registration Form - Part 2
11:47
Breadcrumbs, Badges and Bars
10:54
Section 9: Plug-ins
Modal Dialog and Tool Tip
11:47
Bootstrap Validator - Part 1
10:15
Bootstrap Validator - Part 2
10:37
Section 10: Data Tables
Creating a Data Table and Modifying It using FooTable
10:08
Section 11: Fuel UX
Creating Checkboxes, Radio Buttons and More using Fuel UX
07:50
Section 12: Conclusion
Themes, CSS Pre-Processors and Redistributions
05:44
Section 13: Course Quiz
Learn Bootstrap Quiz
25 questions

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Simon Sez IT, Software training to help you succeed

Since 2008, individuals, small businesses, and Fortune 500 companies with thousands of employees have benefited from the easy and hands-on software training offered by Simon Sez IT. With 80+ courses and 4,000+ video tutorials on a range of software programs, Simon Sez IT ensures stress-free eLearning and enhanced employee productivity - no matter whether you are implementing new software or a technological upgrade for your workplace. With over 250,000 Udemy students in over 180 countries, Simon Sez IT is the preferred eLearning choice for individuals and businesses everywhere.

Ready to start learning?
Take This Course