Split Button in navbar shows behind menu when in small screen mode

[JimmyHowe]

I have a split button on a navbar menu. When the menu is collapsed, clicking on the split button's menu at the bottom of the menu, the sub menu will appear behind the navbar edges instead of overflowing over the navbar edges. And instead a scroll is visiable.

[Dennis14e]

Same here!

[fchiumeo]

jsbin or jsfiddle example please

[Dennis14e]

http://jsfiddle.net/Dennis14e/Ykb6q/

[fchiumeo]

i think btn-group inside the navbar is not responsive

replace btn-group by this

<ul class="nav navbar-nav navbar-right">
    <li class="dropdown">
        <a data-toggle="dropdown" class="dropdown-toggle" href="#" >
            <i class="glyphicon glyphicon-user" ></i>
            username
            <b class="caret"></b>
        </a>
        <ul class="dropdown-menu">
            <li><a href="#">link</a></li>
            <li class="divider"></li>
            <li><a href="#">link</a></li>
        </ul>
    </li>
</ul>

[Dennis14e]

there is also a solution to still use the buttons?

[mdo]

Currently there is no way to do this—it's a limitation of the responsive navbar and overflow. We'd have to remove the dropdown menu from the normal document flow and position it via JS. That's not likely to happen anytime soon, so punting on this. Will revisit for v4 though.