表中的Bootstrap并排按钮

Question

我试图制作两个并排的按钮进入我通过Javascript中调用的PHP文件显示的表格，但是我无法让按钮并排显示正确。我尝试了以前建议过的各种各样的事情，但没有运气。有什么建议吗？

$data .= '<tr><td>'.$row['surname'].'</td><td>'.$row['forename'].'</td><td>'.$row['username'].'</td><td>'.$row['joined'].'</td><td>'.$row['rank'].'</td><td><button type="button" class="btn btn-block btn-primary btn-xs" onClick="ChangePassOpen(\''.$row['username'].'\')">Change Password</button><button type="button" class="btn btn-block btn-primary btn-xs" onClick="ChangeRankOpen(\''.$row['username'].'\')">Change Account Rank</button></td></tr>';

或查看网页（点按“转到显示表格”）http://thomas-smyth.co.uk/admin/accountlist.php

谢谢， 汤姆

Answer 1

 class="btn btn-block btn-primary btn-xs"

btn-block 类将使您的按钮占用可用空间的100％并阻止整行（Bootstrap docs），因此没有其他任何内容适合它。

1. 删除btn-block类
2. 添加一些css样式规则，使按钮更具可辨性，更适合。我建议在按钮之间添加一些填充或边距。