Javascript 引导下拉列表位于错误的位置

我正在使用引导，但我不知道为什么下拉菜单在左中

屏幕截图：

<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>

代码：

<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>

动作

将代码包装在

（）

行动

谢谢！我在复制和粘贴一些代码，而dropdown类不知怎么落在了后面。