我正在使用Twitter Bootstrap,并试图将一个按钮集中在一个表格单元格中.我只需要它垂直居中.
<table class="table table-bordered table-condensed">
<tbody>
<tr>
<td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td>
<td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td>
</tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
请问我的JSFiddle问题.我已经尝试了几个我知道的表格中心技巧,但似乎都没有正常工作.有任何想法吗?提前致谢.
更新:是的,我已经尝试了vertical-align:middle;,如果它是内联的,那就有效,但如果它在类中,td则不行.更新了JSFiddle以反映这一点.
最后更新:我是个白痴,并没有检查它是否被bootstrap.css覆盖
首先,问题的一个小提琴:jsfiddle.net
我使用的是popover,它的内容是html,一个带有"click_me"类的按钮.我有jquery听取点击"click_me",它应该发出警报.但事实并非如此.我错过了什么吗?
JS:
jQuery(document).ready(function($) {
$('.demo_button').click(function () {
$(this).popover({
html: true,
trigger: 'manual',
placement: 'right',
content: function () {
var $buttons = $('#popover_template').html();
return $buttons;
}
}).popover('toggle');
});
$('.click_me').click(function() {
alert('it works!');
});
});
Run Code Online (Sandbox Code Playgroud)
HTML:
<button class="btn btn-primary demo_button">Click here</button>
<div id="popover_template">
<button class="btn click_me">Make Alert</button>
</div>
Run Code Online (Sandbox Code Playgroud) 我在表中有这些数据:
id account status 1 8 1 2 8 4 4 8 3 5 8 1 6 1 4 7 1 3
我想要一个查询来返回帐号,如果该帐号的任何状态为<3,则返回'是'否则'否'.所以,这些结果:
account pending 8 'Yes' 1 'No'
我有:
SELECT account, IF(status>2,'No','Yes') as pending FROM table GROUP BY account;
但它似乎只考虑了每个帐户的第一行.(例如,id 1的状态= 1,所以即使id 4的状态改变,因此状态= 1,它仍然认为所有都大于2.)
我非常感谢任何帮助.我通常可以做正确的查询设计,但这给了我一个大脑抽筋.:)