Bootstrap 4 responsive navbar that crashes with xs width?

I am trying to find an example bootstrap 4 boot navigation bar that collapses to the hamburger button only in width xs but is fully visible when wider.

There's a bootable 3 example that Just Works, but nothing for 4 that I found.

On the sample boot page page on page 5, there is a version to collapse the content , but it crashed at all widths.

And below he tells how to make it work with .navbar-toggler, et. and etc.

For more complex navigation patterns like those used in Bootstrap v3, use the .navbar-toggleable- * classes in combination with .navbar-toggler. These classes override our responsive utilities to display navigation only when content should be displayed.

I have minimal knowledge of the bootstrap, so any solution I don’t want to deal with the framework if there is already an authorized way to do this.

Edit:

Actually, the adaptive Navbar example below the collapsible content in the download documentation 4 does exactly what I was looking for using the navbar-toggleable-xs class. I have not seen this before because I have not made the window narrow enough.

+4
1

, Navbar 4 , , navbar-toggleable- xs . , .

Bootstrap 4 alpha 6 navbar-toggleable -xs.

EDIT: : http://v4-alpha.getbootstrap.com/components/navbar/#nav

+9

Source: https://habr.com/ru/post/1613037/


All Articles