navigate site menu

Start learning with our library of video tutorials taught by experts. Get started

Bootstrap: Adding Interactivity to Your Site

Bootstrap: Adding Interactivity to Your Site

with Jen Kramer

 


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

show more

author
Jen Kramer
subject
Developer, Web, Blogs, Web Design, Projects, Web Development
software
Bootstrap
level
Beginner
duration
1h 25m
released
May 20, 2013

Share this course

Learn more about lynda.com

Start learning today. Lynda explains how.

Ready to join? get started

Keep up with news, tips, and latest courses.

submit Course details submit clicked more info

Please wait...

Video player

Choose your preferred video player. Check our FAQs for help with technical problems.




Closed captioning




update preferences

Suggested courses to watch next:

Web Site Strategy and Planning (1h 37m)
Jen Kramer

CSS with LESS and Sass (1h 57m)
Joe Marini


Add a Wraparound Effect for a Marquee with jQuery (35m 51s)
Chris Converse

Up and Running with Bootstrap (2h 38m)
Jen Kramer


Are you sure you want to delete this bookmark?

cancel

Bookmark this Tutorial

Name

Description

{0} characters left

Tags

Separate tags with a space. Use quotes around multi-word tags. Suggested Tags:
loading
cancel

bookmark this course

{0} characters left Separate tags with a space. Use quotes around multi-word tags. Suggested Tags:
loading
cancel

Error:

go to playlists »

Create new playlist

name:
description:
save cancel

You must be a lynda.com member to watch this video.

Every course in the lynda.com library contains free videos that let you assess the quality of our tutorials before you subscribe—just click on the blue links to watch them. Become a member to access all 104,069 instructional videos.

get started learn more

If you are already an active lynda.com member, please log in to access the lynda.com library.

Get access to all lynda.com videos

You are currently signed into your admin account, which doesn't let you view lynda.com videos. For full access to the lynda.com library, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling 1 1 (888) 335-9632 or emailing us at cs@lynda.com.

Get access to all lynda.com videos

You are currently signed into your admin account, which doesn't let you view lynda.com videos. For full access to the lynda.com library, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling 1 1 (888) 335-9632 or emailing us at cs@lynda.com.

Access to lynda.com videos

Your organization has a limited access membership to the lynda.com library that allows access to only a specific, limited selection of courses.

You don't have access to this video.

You're logged in as an account administrator, but your membership is not active.

Contact a Training Solutions Advisor at 1 (888) 335-9632.

How to access this video.

If this course is one of your five classes, then your class currently isn't in session.

If you want to watch this video and it is not part of your class, upgrade your membership for unlimited access to the full library of 2,024 courses anytime, anywhere.

learn more upgrade

You can always watch the free content included in every course.

Questions? Call Customer Service at 1 1 (888) 335-9632 or email cs@lynda.com.

You don't have access to this video.

You're logged in as an account administrator, but your membership is no longer active. You can still access reports and account information.

To reactivate your account, contact a Training Solutions Advisor at 1 1 (888) 335-9632.

Need help accessing this video?

You can't access this video from your master administrator account.

Call Customer Service at 1 1 (888) 335-9632 or email cs@lynda.com for help accessing this video.

preview image of new course page

Try our new course pages

Explore our redesigned course pages, and tell us about your experience.

If you want to switch back to the old view, change your site preferences from the my account menu.

Try the new pages No, thanks

site feedback

Thanks for signing up.

We’ll send you a confirmation email shortly.

By signing up, you’ll receive about four emails per month, including

We’ll only use your email address to send you these mailings.

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

By signing up, you’ll receive about four emails per month, including

We’ll only use your email address to send you these mailings.

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked