Join Jen Kramer for an in-depth discussion in this video Planning the thumbnail gallery, part of Bootstrap 3: Adding Interactivity to Your Site.
- View Offline
…Now that we have all of our files downloaded, we have a copy…of Bootstrap, a copy of jQuery, we've integrated the exercise files, we're ready…to take a look at the starting execs.html webpage and understand what kind…of code is there so that we can start making changes to that.…So, the first thing that we need to do is set up this Sublime Text.…If you've just downloaded it for the…first time, your screen probably looks like this.…So, the best thing to start with is to set up a project in Sublime Text.…You can do that by going to the Project…menu and saying Add Folder to Project, and what we're…going to do is we're going to go to our…desktop, find the Bootstrap folder that's there and say OK.…
And you should come up with a list of all of the files and…folders that make up that Bootstrap folder over on the left side of the screen.…It's really convenient so you can see all…of the files that you're working with at once.…The second thing I like to do is to…change the color scheme because if you just opened…execs.html, just double click on it, you'll see that…
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