Join Ray Villalobos for an in-depth discussion in this video Adding a photo grid with tooltips, part of Bootstrap 3: Advanced Web Development.
- View Offline
- Exercise Files
We've already created a series of components that are being culled from our pages.…But components can also call other components.…So in this about the artist section, it would be nice to have a grid of photos…with the different artists that let people go directly to a specific artist's information.…So we're going to add that in our project. I'm going to go back into my index page,…you can see that we are calling about the artists right here and that's this file.…So what I want to do is grab this include and paste a copy of it right here, right…before the button that's going to call another file in our PHP folder.…
So it's going to be pretty much the same. So instead of actually calling it through…that entire path, is this is going to be in the same folder as this document.…I'll need to call it like this. So I need to say snippet, artist, photogrid.…And I'm going to hit save. And then I need to create that file right here.…So I'll say New File and this one's going to be called Snippet-artistphotogrid.php.…
- Prototyping the site
- Working with a local web server
- Creating a baseline template with Git
- Scaffolding the main columns
- Making the site modular with PHP includes
- Adding basic navigation
- Adding a carousel
- Working with buttons
- Creating and activating tabs
- Adding page and structure LESS styles
Skill Level Intermediate
1. Planning and Setting Up
3. Building Main Content
4. Expanding Our Content
5. Additional Pages
6. Finishing Our Application
Finishing your websites8m 21s
Next steps1m 42s
- 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.Cancel
Take 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.