Bootstrap 3: Adding Interactivity to Your Site

Go to class

Write Review

Free Online Course: Bootstrap 3: Adding Interactivity to Your Site provided by LinkedIn Learning is a comprehensive online course, which lasts for 1-2 hours worth of material. The course is taught in English and is free of charge. Upon completion of the course, you can receive an e-certificate from LinkedIn Learning. Bootstrap 3: Adding Interactivity to Your Site is taught by Jen Kramer.

via LinkedIn Learning

1-2 hours worth of material

Self Paced

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

Twitter's Bootstrap is one of the most popular HTML/CSS/JavaScript frameworks for creating responsive websites. Here, Jen Kramer shows you how to add interactive elements like a thumbnail gallery, image carousel, or contact form using Bootstrap and a simple text editor. Plus, learn to style these features with CSS and add helpful JavaScript-based pop-ups and tooltips that enhance their usability. Along the way, you can test your Bootstrap prowess with a series of challenge videos.

Need help getting Bootstrap up and running? Check out Bootstrap 3 Essential Training.

Syllabus

Introduction
- Welcome
- 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
Conclusion
- Next steps

0, based on 0 Course votes at GetYourEducation

Start your review of Bootstrap 3: Adding Interactivity to Your Site

Add review ->

Language

English
Certificate
Certificate Available
Date of Start
05th June, 2014
Price
Free Trial Available
Provider
LinkedIn Learning
Taught By

Jen Kramer
Share this course