Introduction to Bootstrap

Introduction to Bootstrap online course
Course Name

Introduction to Bootstrap

The styling and presentation of your website is imperative, as it plays an important role in creating a sublime user experience. Therefore, you need to acquire design skills, which help you to create attractive websites. Add deadlines to the project where time is imperative and you realize you have quite a task at hand.

Several toolkits and frameworks have come to the fore to ease and streamline the task of web designing but none comes close to the open source framework, Bootstrap.

Bootstrap has become one of the most popular projects on the code-sharing platform GitHub.

It has good community support and a vast ecosystem including templates and extensions built around it. With a modular approach, Bootstrap saves you a considerable amount of time and effort allowing you to focus on the core parts of your web development projects.

Originally released initially by Twitter to maintain consistency in their internal web designing and development projects, Bootstrap has evolved and since the release of Version 3 and now has a mobile-first approach which helps you to create websites that function efficiently on mobile platforms despite the platform constraints.

    Objectives for this class:
  • Understand the advantages of using a component CSS framework.
  • Know the benefits of reusability in design and development
  • How grid work and how to use them in mobile and responsive design
  • Obtain an introduction to compiled CSS with LESS
  • How to work with 3rd party components
  • Integrate in existing web projects for fast development
  • Learn what other web tools use Bootstrap

Who Should Attend: This course is for anybody who creates and/or develops web sites or applications needing a framework to help them quickly prototype their designs or speed up their design process.

Week 1 - Bootstrap Scaffolding
  • Mobile first design
  • Why Bootstrap?
  • Including Bootstrap
  • Customizing install
  • Responsive Design
  • The "container" class
  • How Grids work in Bootstrap
    • Grid classes (.col-xs-, .col-sm-, .col-md-, .col-lg-)
    • Adding offsets to columns
    • Pushing and pulling columns
    • Nesting columns
  • Navigation components
    • Navs
    • Navbars
  • Jumbotron component
Week 2: Page Components
  • Headers
  • Panels
  • ListGroup
  • Breadcrumbs
  • Labels
  • Buttons
  • Glyphicons (with buttons, toolbars and form inputs)
  • Wells
Week 3: Page Components: Forms
  • Creating forms
  • Inline and horizontal forms
  • Form validation
Week 4: Bootstrap Plugins
  • Alert Messages
  • Buttons and button groups
  • ScrollSpy
  • Tabs
  • Collapse
  • Carousel
  • Modal
Week 5: Extending Bootstrap with Custom Plugins
  • Bootbox.js
  • DateTime Picker
  • Font Awesome
  • Off-Canvas
  • Image Gallery
  • Social Buttons
  • SweetAlert
  • Yamm3 Mega Menu
Week 6: Under the Hood and More Practice
  • Reviewing the Bootstrap CSS source code
  • Building another Bootstrap web page from scratch
  • Students should be knowledgeable in HTML5, CSS, and basic responsive design concepts
Course Books
No Textbook Required
Suggested Resource Bootstrap Official Documentation [
Course Price
  • Member Price: $140 US
  • Non-Member Price: $240.00 US
[Register Now]

Additional Information:
Your place in the course is confirmed by your payment. Introductory courses are intended for students with no experience in the subject matter and are seeking beginner level training.

Refund Policy: Please read our "Terms and Refund Policy" before registering for this course.

Additional Cost: Book and software migh be required for the course. Read the Requirements and Book section for more information. Course fee does not include the book and software cost .

Start Date: Click on the Register Now button to process to the registration page. You will see the start date of the class on that page.

How eClasses Work:Instructors post lectures, reading selections, and hands-on assignments once a week in the online classroom. Students can discuss the assignments with the instructor and amongst themselves in the classroom area. This format has no set meeting time, which allows students to attend class at a time most convenient to them, yet still provides logically organized communication between class participants. Students can apply for the completion certificate after finishing the class. Web Study certificate is also available. Click on the Certificates link on the top navigation bar for more information.


Register Now

Before you register for this class, please read carefully the Outline, Prerequisites, Requirements, Books, and Refund Policy sections.

4 Web Study Certificates

 Valid XHTML 1.0 Transitional  Valid CSS!  Level Triple-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0

Introduction to Dreamweaver Online CourseDreamweaver Online CourseBuilding Data-Driven Websites Course
Web Videography CourseIntroduction to Microsoft Excel - Online CourseDigital Market Research Course
Contracting Your Services - Online CourseBlog Content Writing Course - OnlineWeb Content Writing Skills Course
DNS Administration CourseGoogle Web Analyics CourseWordpress Theme Design Course
Wordpress Content Management CourseDrupal Beginner CourseProject Management Training Course
Joomla Training CourseWeb Design Legal Issues CourseInteractive e-Survey Strategies Course
Search Engine Optimization CourseWebsite Promotion and Marketing Course - OnlineEmail Marketing Course Strategies
Social media Marketing CourseInternet Marketing Strategies CourseWeb Design Concepts Training Course
Web Design Course Training OnlineResponsive Web Design Training CourseIntroduction to Bootstrap Training Course
Introduction to Photoshop CC CourseAdobe InDesign CourseAdobe Illustrator Online Course
Mobile Web Design Online CourseHTML5 Online CourseCSS3 Online Course
Introduction to Sass Online CourseWeb Animation with CSS and JavaScript Online CourseSQL Using MySQL Online Web Training
SQL Server Online CoursePHP Online CoursePHP Online Course
JavaScript for Beginners Online Web TrainingJavaScript Level 2 Online CoursejQuery Web Programming Online Course
PHP Online CourseJavaScript for Beginners Online Web TrainingXML Web Programming Online Course