Bootstrap 4 navbar, with dropdowns, and responsive template? -
for b3 there tonnes of templates of top navbar, drop down menus. screen size gets small, menu collapses 3-bar button, , menus become accordion menus.
are there examples or templates using bootstrap 4? responsive examples have have found collapse menu, , show 3-bar button, menus don't become accordion menus. there many drop down examples bs4, not of them on responsive.
do have hide whole navbar when screen gets small , reveal accordian same options? seems lot more work bs3.
my solution add media query custom css targets screen size navigation collapsed, style elements way like:
@media (max-width: 544px) { .navbar-brand { display:none; } .navbar-nav .nav-item { float:none; } .navbar-nav .nav-item + .nav-item{ margin-left:0; } }
here's simple example on codepen. not sophisticated should illustrate point.
Comments
Post a Comment