在错误的地方引导下拉

Question

I am using Bootstrap but I don't know why the dropdown menu is in the middle-left.

Screenshot:

Code:

<td><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
<ul class="dropdown-menu" role="menu" >
<li class="dropdown"><a href="#">Edit</a></li>
<li class="dropdown"><a href="warga/delete/<?php echo $a->id;?>">Delete</a></li>
</ul>
</td>

Answer 1

Wrap your code within <div class="dropdown"> ( Example )

<td>
    <div class="dropdown">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu" >
            <li class="dropdown"><a href="#">Edit</a></li>
            <li class="dropdown"><a href="warga/delete/<?php echo $a->id;?>">Delete</a></li>
        </ul>
    </div>
</td>