Bootstrap pull-right类无法在<a> Tag

Question

Very basic question but I am stuck.

I have a button in table to edit but class="pull-right" is not working. Below is the code:

<tr>
    <td>{{article.id}}</td>
    <td>{{article.title}}</td>
    <td>{{article.author}}</td>
    <td>{{article.create_date}}</td>
    <td><a href="edit_article/{{article.id}}" class="btn btn-light pull-right">Edit</a></td>
    <td><a href="#" class="btn btn-danger">Delete</a></td>
</tr>

Browser Snapshot:

中工作

我希望编辑按钮位于右侧。

这不重复。请查看它。