MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Bootstrap UI Development for Everyone

Course Summary

Learn how to work with the Bootstrap Framework to create responsive websites for any device.

  • +

    Course Syllabus

    • Welcome
      • Course Overview and Welcome
      • How To Learn Technical Topics
    • Tools and Setup
      • Download Bootstrap
      • Download The Gimp [if you don't have photoshop or another editor]
      • Download Microsoft Expression Studio [or other editor]
      • Install Adobe Brackets [Alternative to Microsoft Expression]
      • Download JQuery
      • Setup the Default Project
      • I just can't wait, I need a template now!
    • The Grid
      • Cheet Sheet
      • Rows
      • Columns
      • Nesting Rows And Columns
      • Fluid Rows And Columns
      • Containers
      • Offsetting Columns
      • Pushing Columns Left or Right
      • Clearfix Style Reset
    • Page Elements and CSS Styles in Bootstrap
      • Section 4 Overview
      • Lead body copy, Initialism, and Abbreviations
      • Small, Bold, Italics
      • Aligning Text and Blockquotes
      • Blocks for Code and User Input
      • Lists
      • Tables
      • Contextual Color and Background Classes
      • Images and Responsive Images
      • Forms
      • Buttons
      • Visible Utility Classes
      • Less configurator to change default styles
    • Page Components
      • Glyphicons, Input and Button addons
      • Dropdowns
      • Button Groups
      • Navs [Tabs and Pills]
      • Labels and Badges
      • List Groups Panels and Wells
      • Progress Bars
      • Alerts
      • Navbar
      • Thumbnails
      • Breadcrumbs and Pagination
      • Jumbotron and Page Header
      • Media
    • Javascript and JQuery Plugin Options
      • Carousel
      • Accordion and collapsing divs
      • Tooltips and Popovers
      • Modal Dialogs
      • Affix
      • Build a Single Page Application Template with Scrollspy
    • Advanced - Build Automation with Node and Grunt; Using LESS and Bootstrap Mixins
      • A quick note about the advanced section
      • Get Node.js Installed
      • Get and Install Grunt
      • Configure Grunt Part 1 - Less and Watch
      • Configure Grunt Part 2 - CSS Minify
      • Configure Grunt Part 3 - Uglify
      • Configure Grunt Part 4 - Chrome Live Reload
      • Getting setup for manual Bootstrap builds
      • LiveReload Setup & Using Mixins part 1: Rounded Corners
      • Columns
      • Animations
      • Transitions
      • Transformations
      • Gradients
      • Opacity, Drop Shadows, Centering, and Sizing
    • Ready to rock
      • Final Thoughts, Course Wrap Up, and some additional resources

Course Fee:
USD 160

Course Type:


Course Status:



1 - 4 hours / week

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top