bootstrapのNavbarを縦表示にして、アコーディオンメニューを実現したい

Question

表題どおりです。横バーになるのは幾らでもできるのですが、縦となると、
できません。

こんなページを見つけました。http://weboook.blog22.fc2.com/blog-entry-396.html

ここに書いてあることをやればいいんでしょうけど、何分JQUERYには詳しくないので、なるべくBootstrapで実現したいのです。

Google検索で「bootstrap navbar 縦」とか検索してみても引っ借りません。

素直にDivでbuttonを入れれば簡単にできるのですが、そのままではアコーディオン（ハンバーガーメニュー）にはできません。

メディアクエリのレスポンシブにも対応したため、できたらスマートフォン

で見た時はハンバーガーメニューにしたいです。
アコーディオンで実現できる人、どうかお知恵を拝借させてください。

Answer 1

すいませんできました！
CSSいじってたらなってくれました！

Answer 2

これかな？

http://stackoverflow.com/questions/41301318/create-responsive-bootstrap-navbar-with-two-rows