title: Bootstrap 3 RC2 custom navbar fixed top goes on two line
body: <p>I am using Bootstrap 3 RC2, and I am trying to make a navbar fixed to top, but without being full width. I have copied the "navbar-fixed-top" declarations in the css, and created mine. On IE (10), this works well, but on Chrome (28) the bar goes on two lines.</p>
  
  <p>Have I missed something to have navbar's content always on same line ?</p>
  
  <p>Thanks.</p>
  
  <p>The bootply : <a href="http://bootply.com/74981" rel="nofollow">http://bootply.com/74981</a></p>
  
  <p>The CSS :</p>
  
  <pre><code>.navbar-custom {
      border-width: 0 0 1px;
      position: fixed;
      top: 0;
      right: 100px;
      z-index: 1030;
  }
  
      .navbar-custom .navbar-form {
          padding-right: 0;
      }
  
  .navbar-custom {
      border-radius: 0;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
  }
  </code></pre>
  
  <p>The html :</p>
  
  <pre><code>&lt;nav class="navbar navbar-inverse navbar-custom" role="navigation"&gt;
      &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
      &lt;div class="navbar-header"&gt;
          &lt;button class="navbar-toggle" type="button" data-target=".navbar-ex1-collapse" data-toggle="collapse"&gt;
              &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;span class="icon-bar"&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;a title="Accueil" class="navbar-brand" href="/"&gt;
              Flammy
          &lt;/a&gt;
      &lt;/div&gt;
  
      &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
      &lt;div class="collapse navbar-collapse navbar-ex1-collapse"&gt;
          &lt;ul class="nav navbar-nav"&gt;
              &lt;li&gt;&lt;a href="#"&gt;News&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Events&lt;/a&gt;&lt;/li&gt;
              &lt;li class="dropdown"&gt;
                  &lt;a class="dropdown-toggle" href="#" data-toggle="dropdown"&gt;Games &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                  &lt;ul class="dropdown-menu"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Game 1&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Game 2&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Game 3&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li class="dropdown"&gt;
                  &lt;a class="dropdown-toggle" href="#" data-toggle="dropdown"&gt;Projects &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                  &lt;ul class="dropdown-menu"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Big project 1&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Big project 2&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Big project 3&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Forums&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;form class="navbar-form navbar-right" action="/Account/Logout" method="post"&gt;    &lt;div class="btn-group"&gt;
          &lt;a class="btn btn-default" href="#"&gt;Register&lt;/a&gt;
          &lt;a class="btn btn-default" href="#"&gt;Login&lt;/a&gt;
      &lt;div class="btn-group"&gt;
          &lt;button title="Language" class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"&gt;
              &lt;i class="glyphicon glyphicon-flag"&gt;&lt;/i&gt;
          &lt;/button&gt;
          &lt;ul class="dropdown-menu pull-right"&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Language&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Language&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Language&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/form&gt;
  
      &lt;/div&gt;
      &lt;!-- /.navbar-collapse --&gt;
  &lt;/nav&gt;
  </code></pre>