Bootstrap, как при Collapse сделать другое меню?

Доброго времени суток! Существует следующий вопрос по Bootstrap.
Предположим есть вот такое меню

Как мы видим, есть кнопка на которой имя пользователя, соответственно кликнув по нему, получаем список.

При маленьком разрешении экрана, меню автоматически убирается в Collapse.

Соответственно кликнув по кнопке, мы получаем следующий результат

Если сейчас кликнуть на Пользователя, то получается вот такое

Вопрос стоит в следующем как же можно при маленьком разрешении экрана сделать нечто похожее на это? Грубо говоря, те элементы, которые в dropdown menu, надо развернуть уже автоматически и чтобы это выглядело цивильно)