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 3: Adding Interactivity to Your Site

Course Summary

  Learn how to add rich, interactive features like thumbnail galleries, image carousels, and web forms to your websites with Bootstrap 3.   

  • +

    Course Syllabus


    Using the exercise files
    Using the challenges
    1. Setting Up
    Installing Sublime Text 2
    Installing Bootstrap 3
    Installing jQuery
    2. Creating a Thumbnail Gallery with Modal Pop-Ups
    Planning the thumbnail gallery
    Creating the thumbnail gallery grid layout
    Creating the modal windows
    Linking the thumbnails to the modal windows
    Enhancing the thumbnail layout with captions
    Challenge: Styling thumbnails and modals
    Solution: Styling thumbnails and modals
    3. Creating an Image Carousel for the Homepage
    Planning the image carousel and prepping images
    Creating the image carousel
    Adding carousel navigation
    Adding captions to the carousel
    Adding and styling a carousel position indicator
    Customizing the carousel rotation interval and wrapping style
    Challenge: Create modal windows in your carousel
    Solution: Create modal windows in your carousel
    4. Creating Forms
    Including a text input and styling it with a grid
    Creating and formatting radio buttons
    Creating and formatting a selection dropdown menu
    Adding a comments box and tooltips
    Adding a check box and using collapse to enhance usability
    Challenge: Styling the form
    Solution: Styling the form
    Next steps

Course Fee:
USD 25

Course Type:


Course Status:



2 - 3 hours / week

This course is listed under Open Source , Development & Implementations , Digital Media & Games and Mobility Community

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