…Now that we have the thumbnails in place, the…next thing we need to configure are the modal windows.…At the end of this video, we'll have a pile…of thumbnails and we'll have a pile of modal windows.…And they will not be talking to each other yet, but we'll at least have…the original content configured and they'll be ready…to link up to talk to each other.…So, to start the modal windows, you're going to need…to get some html out of your exercise files folder.…So, if you open up the exercise files folder, go to…chapter two, go to video number three, go to the start folder.…
You'll find a file here called modal window start markup.…Go on ahead and open that up inside of Sublime Task.…And what we're going to do is we're going to copy this chunk of code here.…Just go ahead and highlight everything that's here and copy it.…And we're going to paste into the exec.html file.…Where we're going to put it is after the…end of the container tag but before the JavaScript.…So, just go ahead and paste it in here.…Why do we put it here?…
Author
Released
6/5/2014Need 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
Skill Level Beginner
Duration
Views
Related Courses
-
Learning Foundation 5
with Jen Kramer2h 59m Beginner
-
Introduction
-
Welcome51s
-
Using the exercise files1m 8s
-
-
1. Setting Up
-
Installing Sublime Text 21m 14s
-
Installing Bootstrap 34m 54s
-
Installing jQuery3m 46s
-
-
2. Creating a Thumbnail Gallery with Modal Pop-Ups
-
Creating the modal windows9m 32s
-
3. Creating an Image Carousel for the Homepage
-
Adding carousel navigation4m 25s
-
4. Creating Forms
-
Challenge: Styling the form1m 22s
-
Solution: Styling the form3m 22s
-
Conclusion
-
Next steps54s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Creating the modal windows