How to use Twitter Bootstrap Nav
Do you want to learn how to use the Twitter Bootstrap Navbar in your application? In this quick tutorial we will walk through how to use Twitter Bootstrap nav to turn our nav partial into a Twitter Bootstrap navbar with a dropdown and responsive collapse for mobile screens. Our navigation has felt neglected from the start, this will be a nice improvement to the aws-rails.com site.
⏰ Timestamps
0:00 Introduction
1:22 Getting started
1:35 Bootstrap Docs
2:31 Move Nav partial
3:18 Update Nav Code
5:14 Add Responsive Collapse
6:13 Viewing First pass
6:46 Check Mobile view
7:04 Add Dropdown
9:16 Attack of the Avocado
9:50 View Dropdown
10:19 Push to GitHub
11:11 Deploy
11:33 Test in Production
12:10 Closing notes
AWS + Rails Series Playlist
• AWS + Rails
Rails 6 Bootstrap Install
• Rails 6 Bootstrap Install
How to Add Devise Users and Admins to a Rails App
• AWS + Rails: How to Add Devise Users and A...
How to Deploy Your First Rails App to Amazon EC2 (Ubuntu 20.04 Focal Fossa Capistrano Deployment)
• How to Deploy Your First Rails App to Amaz...
My Gear List
http://brain-trust.io/my-gear
My YouTube SEO Software
https://www.tubebuddy.com/braintrust
My Accounting Software
https://shareasale.com/r.cfm?b=960179...
Make sure you subscribe to my channel to keep up to date with new content!
DISCLAIMER: Links in this description include affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting BrainTrust Digital so I can continue to provide you with free content each week!