Join Ray Villalobos for an in-depth discussion in this video Using rows and columns, part of Bootstrap Layouts: Responsive Single-Page Design.
- In order to master layouts, you need to understand…the roles of rows and columns in Bootstrap.…Let's spend some time talking about how they work.…Specifying a new row means that you want to…layout something on a separate line.…A column means that you want to create…a horizontal division within a row.…Let's check this out.…I'm going to work with the mission section,…which is a little a bit further down the page.…It's right here.…I'm going to add a class of row right here.…Now remember that at the very top of this page,…we've already created a div that has the entire contents…of our page and this div has a class of container fluid.…
This row is going to go inside this container fluid class.…Let's go ahead and save that and see what happens.…If we look at this, our mission section,…you'll see that when we added our class of row,…it actually got rid of some of the padding…that was added when we created our container class.…The way that you can see that is if we right click…on this section, and we say Inspect Element,…
- Analyzing your markup
- Creating simple column layouts
- Creating basic navigation and a simple carousel
- Modifying Bootstrap styles
- Working with branding and toggle styles
- Adding interactivity
Skill Level Beginner
Bootstrap 3: Advanced Web Developmentwith Ray Villalobos3h 28m Intermediate
1. Understanding Bootstrap Layouts
2. Customizing Bootstrap Styles
3. Adding Interactivity
Next steps2m 50s
- 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.