表中的Bootstrap并排按钮

我想使两个并排的按钮进入一个表格，我通过一个Javascript文件中调用的PHP文件显示，但是我无法获得按钮去并排正确。我尝试过以前建议的各种事情，但没有运气。有什么建议么？表中的Bootstrap并排按钮

$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

感谢，汤姆

来源

2016-11-18 Thomas Smyth

好'btn-block'好像是你的问题，因为它将按钮设置为显示块，宽度设置为100％。 –

尝试重新定义'btn-block'的样式如下：'.btn-block + .btn-block {margin}：0！important; }' – Banzay

克里斯，似乎运作良好，谢谢。将它张贴为答案，以便我可以将其标记为最佳答案。 –

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

BTN-块类将会使你的按钮占用100％的空间可用，并阻止整行（Bootstrap docs），所以没有其他适合它。

取出btn-block类
添加一些CSS样式规则，使按键更容易分辨和适应更好。我建议在按钮之间添加一些填充或边距。

来源

2016-11-18 18:11:38 Criss

看起来额外的按钮已将表格的其余部分向右移动，并在右侧创建了一个大的空白区域。你有什么建议吗？ –

最简单也是最快的方法是限制列宽'

它似乎并没有工作。 http://thomas-smyth.co.uk/admin/accountlist.php我已经在表头和每一行中放置宽度：150px，但它不调整表的collum宽度。 –

表中的Bootstrap并排按钮

回答

相关问题