Join Jen Kramer for an in-depth discussion in this video Solution: Create modal windows in your carousel, part of Bootstrap 3: Adding Interactivity to Your Site.
- View Offline
…So how did you do with this challenge?…Did you figure out a way to create the modal window coming out of the carousel?…Well let me show you how I did mine.…So, first of all, if you opened up that…file from the previous videos Exercise Files called modalwindow.html.…If you open that up, you would have gotten the code for the modal window.…And if you go ahead and paste that down here at the…bottom of the page, I just pasted mine starting on line 129.…
So we have our div with a class of…carousel-caption, and the h3 text we already had in place.…What I added was a paragraph, and instead of…
Need help getting Bootstrap up and running? Check out Bootstrap 3 Essential Training.
- Installing Bootstrap 3, Sublime Text 2, and jQuery
- 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