Stacked collapsible navbar in bootstrap 4

Question

I would like to create a collapsible navbar. Everything works, but the nav items aren\'t stacked under each other like it should be. They are horizonta

Answer 1

It seems that it's easier done with this CSS override:

@media(max-width:768px) {
    .navbar .navbar-nav>.nav-item {
        float: none;
        margin-left: .1rem;
    }
    .navbar .navbar-nav {
        float:none !important;
    }
    .navbar .collapse.in, .navbar .collapsing  {
        clear:both;
    }
}

http://codeply.com/go/Ar1H2G4JVH

UPDATE

As of BS4 alpha 6, the extra CSS is no longer needed. The navbar markup has changed. http://www.codeply.com/go/0OMz6nfPLr