Why is Bootstrap nav dropdown menu aligned to the right? <p>I am having a bootstrap dropdown. It works fine, but when I am inside a page accessed through the menu, then it gets weird:</p> <p><a href="http://2.bp.blogspot.com/-vw49cpP7weo/UZw0Jh_zmhI/AAAAAAAACJc/oadR5CTIus0/s640/dropdown.png">http://2.bp.blogspot.com/-vw49cpP7weo/UZw0Jh_zmhI/AAAAAAAACJc/oadR5CTIus0/s640/dropdown.png</a></p> <p>You can see in the picture, the menu is displaced to the right.</p> <p>I paste the code:</p> <pre><code>&lt;div class="navbar navbar-fixed-top"&gt; &lt;div class="navbar-inner"&gt; &lt;div class="container"&gt; &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&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;/a&gt; &lt;a class="brand" href="index.html"&gt;&lt;i class="icon-chevron-right"&gt;&lt;/i&gt; Zimil Ltda&lt;/a&gt; &lt;div class="nav-collapse collapse"&gt; &lt;ul class="nav pull-right"&gt; &lt;li&gt;&lt;a href="index.html"&gt;Inicio&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="acerca.html"&gt;Quienes somos&lt;/a&gt;&lt;/li&gt; &lt;li class="active" class="dropdown"&gt; &lt;a data-toggle="dropdown" class="dropdown-toggle" href="jubilados.html"&gt; Productos &lt;i class="icon-caret-down"&gt;&lt;/i&gt;&lt;/a&gt; &lt;ul class="dropdown-menu"&gt; &lt;li&gt;&lt;a href="jubilados.html"&gt;Préstamos a jubilados&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="cbu.html"&gt;Préstamos CBU&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="otros.html"&gt;Otros créditos&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="trabajar.php"&gt;Trabajá con nosotros&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p></p>