• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar

Jeff Mould

A Tech Blog by Jeff Mould

  • Home
  • Resources
    • Website Resources
    • How To Use WordPress
  • Jeff Mould
    • About Jeff Mould
    • Jeff Mould Links
    • Disclosure
  • Contact Jeff Mould
You are here: Home / Archives for nav

nav

Bootstrap 4 Mobile Menu – Collapsible Nav

April 3, 2016 by Jeff Mould Leave a Comment

This weekend I started experimenting with Bootstrap 4 which is in its Alpha 2 release. While I like what I saw, one lagging feature stuck out to me. Although it works to some extent there are few key CSS features missing to make the Bootstrap 4 navigation collapse like it did in Bootstrap 3. If you simply use the examples provided in the documentation, you will notice that the menu is far from responsive when collapsed on mobile devices.Luckily there are a few simple fixes we can do to make things right so that our Bootstrap 4 mobile menu (collapsible navigation) is the same functionality as the navbar collapse in Bootstrap 3. For this tutorial I am going to use the Dashboard example from the documentation. You can find the Dashboard example here: http://v4-alpha.getbootstrap.com/examples/dashboard/Bootstrap 4 Mobile MenuFirst things first, let's make some small edits to the menu:[crayon-5adc4bc961b0e511538321/]You will notice a few things:For the button, we added a "pull-xs-right" … [Read more...] about Bootstrap 4 Mobile Menu – Collapsible Nav

Filed Under: Bootstrap 4 Tagged With: bootstrap, bootstrap 4, bootstrap4, collapsible, dropdown, jeff mould, media query, menu, mobile, nav, navigation, twitter

Primary Sidebar

Connect With Me

  • Facebook
  • Github
  • Google+
  • Instagram
  • Linkedin
  • Pinterest
  • Tumblr
  • Twitter
  • YouTube

Top Posts & Pages

  • The mixed up pricing of SiriusXM and SiriusXM Discounts
  • How-To Install Let's Encrypt SSL Certificate with Laravel
  • Bootstrap 4 Mobile Menu - Collapsible Nav
  • Laravel 5.2 - Forcing HTTPS Routes when using SSL
  • Responsive Multi level Drop Down Menu Bootstrap 3

Copyright © 2016 - Jeff Mould - All Rights Reserved