Bootstrap 2: Adding Interactivity to Your Site

with Jen Kramer
please wait ...
Bootstrap 2: Adding Interactivity to Your Site
Video duration: 0s 1h 25m Beginner

Viewers:

Twitter Bootstrap is one of the most used HTML/CSS/JavaScript frameworks for creating responsive websites. In this course, Jen Kramer shows you how to add interactive elements like a thumbnail gallery, dropdown menus, or a contact form using Bootstrap and a simple text editor. Plus, learn to add helpful pop-ups and tooltips that enhance the usability of these features. The principles illustrated here can carry into using Bootstrap in content management systems as well as with static websites.

Topics include:
  • Setting up your working environment
  • Planning the thumbnail gallery
  • Creating modal windows
  • Creating an image carousel
  • Linking images and adding captions
  • Changing the carousel rotation
  • Laying out and styling a contact form
Subjects:
Developer Web
Software:
Bootstrap
Author:

Welcome

,- Hi, I'm Jen Kramer. Welcome to Bootstrap Adding Interactivity To Your Site. This course builds on the Up and Running with Boostrap course located in the online training library. First, we'll make an interesting thumbnail grid, linking our thumbnails to a modal window. Next, we'll build an image carousel with all the bells and whistles, including links, captions, a position indicator, and navigation. Finally, we'll take an in depth look at forms in Bootstrap.

I'll show you how to style a form with Bootstrap's classes, and we'll also enhance our form with JavaScript based tool tips and the collapse feature. So if you're ready, lets get started with Bootstrap Adding Interactivity To Your Site.

please wait ...