Bootstrap Issues with Mobile Navs

#1

All, I’m working on a personal project of mine, and I seem to be having a bit of an issue with the bootstrap nav menu. It was working all well and good prior to trying to integrate a breakpoint override for the nav menu collapses.

It seems as if the working solutions on SO, aren’t quite up to snuff, such as this answer and associated Bootply:


http://www.bootply.com/j7XJuaE5v6

I’ve isolated the problem to the following:

.navbar-collapse.collapse
      display: none!important

Can someone please explain to me why that deleting the above doesn’t fix the collapse issue and offer suggestions on how to fix it?

Thanks,

Michael

#2

Edit: I had to add

.navbar-collapse.collapse.show
      display: block!important

to the Sass due to the nature of the js controlling the nav, the degree of specificity was such that the CSS defaulted to display none at all times.