title: Bootstrap Dropdown in the Wrong Place
body: <p>I am using Bootstrap but I don't know why the dropdown menu is in the middle-left.</p>
  
  <p><strong>Screenshot:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/CKNuZ.png" alt="enter image description here"></p>
  
  <p><strong>Code:</strong></p>
  
  <pre><code>&lt;td&gt;&lt;button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"&gt;Action &lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt;
  &lt;ul class="dropdown-menu" role="menu" &gt;
  &lt;li class="dropdown"&gt;&lt;a href="#"&gt;Edit&lt;/a&gt;&lt;/li&gt;
  &lt;li class="dropdown"&gt;&lt;a href="warga/delete/&lt;?php echo $a-&gt;id;?&gt;"&gt;Delete&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/td&gt;
  </code></pre>