Join Ray Villalobos for an in-depth discussion in this video Controlling navigation positions, part of Bootstrap Layouts: Responsive Single-Page Design.
- Our navigation's looking pretty good,…but there's a couple of other options that we have…for aligning element.…If you wanna change the position of part of your navigation,…you can change the position and alignment of elements…in a couple of ways.…If you want to align an element…to the right of the navigation,…you can add a navbar-right class on the UL,…so let's go ahead and do that.…Right here where we have the navbar nav and the nav,…we can add a navbar-right class.…
And when we save,…you'll see that this part of the navigation now…is on the right hand side,…our branding is still on the left.…And that looks pretty good.…You can also control how the navigation…is positioned within the page.…You can align the navigation to the top…or the bottom of the page.…You do that by looking at where you have your navbar…and navbar-default class,…and you can add a navbar-fixed…and then say top right here.…Let's go ahead and save, and this looks pretty close to…what it did before but you can see these pictures…are now sort of behind the navigation.…
- 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.