BootstrapのNavberがPC表示出来ない

Question

Rails+bootstrap+slimでWebアプリを作成しています

その中でNavberをBootstrap3日本語リファレンスを参考に以下のように実装したのですがスマホサイズでのハンバーガーボタンは表示されますがPCサイズでリンクが正しく表示されません

1日考えてみましたが解決できなかったのでわかる方教えていただけないでしょうか？

head
    title
      | Workspace
    = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true
    = javascript_include_tag 'application', 'data-turbolinks-track' => true
    = csrf_meta_tags
    
    meta charset="utf-8"
    
  body
    / Static Navber
    nav.navbar.navbar-default
      .container-fluid
        .navbar-header
          button.navbar-toggle.collapsed type='button' data-toggle='collapse' data-target='#menu' 
           span.sr-only Toggle navigation
           span.icon-bar
           span.icon-bar
           span.icon-bar
          a.navber-brand href="#" Workspace
          
        #menu.navber-collapse.collapse
          ul.nav.navber-nav
            li = link_to "Site A", "#"
            li = link_to "Site B", "#"
            li = link_to "Site C", "#"

# Use ActiveModel has_secure_password
gem 'bcrypt', '~> 3.1.7'

gem 'bootstrap-sass', '~> 3.3.5'
gem 'honoka-rails'

gem 'autoprefixer-rails'

gem 'slim-rails'
gem 'html2slim'

# Draw Chart
gem 'chartkick'

gem 'annotate'
gem 'bootstrap_form'

group :development, :test do
 get a debugger console
  gem 'rspec-rails', '~> 2.14.0'
  gem 'factory_girl_rails', '~> 4.2.1'
  gem 'byebug'
end

group :development do
  gem 'web-console', '~> 2.0'
  gem 'spring'
  
  gem 'faker'
  gem 'capybara'
  gem 'database_cleaner'
  gem 'launchy'
  gem 'selenium-webdriver'
end

Answer 1

id="menu"部分のhtmlを載せますね。
こんな感じでいけると思います。2つパターン入れておくので不要な方は削除してください。

<div class="collapse navbar-collapse" id="menu">
	<!-- 左に出したいとき -->
	<ul class="nav navbar-nav">
		<li class="dropdown">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Toggle navigation<span class="caret"></span></a>
			<ul class="dropdown-menu" role="menu">
				<li><a href="#">Site A</a></li>
				<li><a href="#">Site B</a></li>
				<li><a href="#">Site C</a></li>
			</ul>
		</li>
	</ul>
	<!-- 右に出したいとき -->
	<ul class="nav navbar-nav navbar-right">
		<li class="dropdown">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Toggle navigation<span class="caret"></span></a>
			<ul class="dropdown-menu" role="menu">
				<li><a href="#">Site A</a></li>
				<li><a href="#">Site B</a></li>
				<li><a href="#">Site C</a></li>
			</ul>
		</li>
	</ul>
</div>

###追記
あ、分かりました。
最初参考のページを見たときにトグルにしたいのかなと思ったんですけど、下の方を見ると横並びのメニューもありますね。
それでしたら、2か所(コメント入れると3か所)ある「navber」を「navbar」に変えてください。
タイピングのミスだと思います。