<p dir="auto">If we add "pull-right" in navbar-nav class ul tag for right align links.<br>
Then when we expand and collapse navbar menu once then it does not get open again on clicking the navbar-toggle in mobile device.</p>
<p dir="auto">here is the bootply example:</p>
<p dir="auto"><a href="http://bootply.com/70846#" rel="nofollow">http://bootply.com/70846#</a></p>
<ol dir="auto">
<li>but if we don't keep pull right in navbar-nav it works fine.</li>
<li>if we have 2 navbar-nav class ul tag one with pull-right (2nd ul tag) and other without it (1st ul tag) then it works again. Here is bootply version of that too:</li>
</ol>
<p dir="auto"><a href="http://bootply.com/70855#" rel="nofollow">http://bootply.com/70855#</a></p>
<p dir="auto">Browser: Firefox 22.0</p>
<p dir="auto">Update-1 : In Chrome, it does collapse and expand as many times as we want but it collapse abruptly ( without animation)</p>
<p dir="auto"><code class="notranslate">$('body').on(....)</code> does not work with something like <a href="https://github.com/rails/turbolinks">https://github.com/rails/turbolinks</a>. If you change it to <code class="notranslate">$(document).on(...)</code> it does work. Document is the top most element where events bubble up to.</p>