BootstrapのNavbarメニューがスマホでハンバーガーメニューにならないようにしたい

Question

##やりたいこと

qiitaのようにユーザーのアイコンなどが表示されたままのナビバーにしたいです。
BootstrapのNavbarメニューがスマホでハンバーガーメニューにならないようにする以下の記事を見つけてやってみたのですが、メーニューが複数個あるためレイアウトが崩れてしまいます。

どのようにすればqiitaのようなナビゲーションバーにできるのでしょうか？
教えてください。

http://blog.shuffleee.com/2790/

    %nav.navbar.navbar-default{:role => "navigation"}
      .container-fluid
        .navbar-header
          %button.navbar-toggle{"data-target" => "#bs-example-navbar-collapse-1", "data-toggle" => "collapse", :type => "button"}
            %span.sr-only Toggle navigation
            %span.icon-bar
            %span.icon-bar
            %span.icon-bar
          %a.navbar-brand{:href => '/'} 

        #bs-example-navbar-collapse-1.collapse.navbar-collapse
          %ul.nav.navbar-nav.navbar-right
            - if current_user
              %li
                = link_to '投稿する', new_home_article_path
              %li
                = link_to home_path, style: 'padding-right: 10px;' do
                  = image_tag current_user.gravatar_url(length: 20), width: 20, height: 20
                  = current_user.screen_name
              %li.dropdown
                = link_to '#', class: 'dropdown-toggle', 'data-toggle' => 'dropdown', style: 'padding-left: 10px;' do
                  %span.caret
                %ul.dropdown-menu
                  %li= link_to 'プロフィール設定', edit_home_settings_profiles_path
                  %li.divider
                  %li= link_to 'ログアウト', destroy_user_session_path, method: :delete
            - else
              %li= link_to '始める', new_user_registration_path
              %li= link_to 'ログイン', new_user_session_path

Answer 1

Bootstrap 3ですね

.navbar-nav > li {
  float: left;
}