title: Alignment in Twitter Bootstrap 3 navbar toggle
body: <p>I can't find any classes to right align collapse menu of navbar toggle in bootstrap 3. Is there anyway like hooking <code>css</code> to do that? Here is the code mention that I need right align menus!
    
        CesaStack
        
        
            
                Toggle navigation
                
                
                
            
        </p>
  
  <pre><code>  &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
    &lt;div class="collapse navbar-collapse" id="bs1"&gt;
        &lt;ul class="nav navbar-nav navbar-right"&gt;
            &lt;li&gt;&lt;a href="/contact"&gt;goto right&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;goto right&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#"&gt;goto right&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;form class="navbar-form navbar-left" role="search"&gt;
            &lt;div class="form-group"&gt;
                &lt;input type="text" class="form-control text-right" placeholder="جست و جو"&gt;
            &lt;/div&gt;
            &lt;button type="submit" class="btn btn-default"&gt;&lt;i class="glyphicon glyphicon-search"&gt;&lt;/i&gt;&lt;/button&gt;
        &lt;/form&gt;
    &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
  </code></pre>
  
  <p></p>