Jquery HTML、CSS、引导复选框标签应具有固定的宽度,而不考虑文本

Jquery HTML、CSS、引导复选框标签应具有固定的宽度,而不考虑文本,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我只是需要一些帮助,希望得到一些帮助。我有一个引导复选框按钮,它所做的是改变它的文本时,点击。但我也希望使其宽度固定,而不考虑文本,因为当我单击按钮时,文本正在更改。我还想让文本在按钮内居中。多谢各位 这是我的 $('option1')。在('click',function()上{ $(this).closest('label').find('span').html('Nice'); }); @import url('//netdna.bootstrapcdn.com/bootstrap/3.

我只是需要一些帮助,希望得到一些帮助。我有一个引导复选框按钮,它所做的是改变它的文本时,点击。但我也希望使其宽度固定,而不考虑文本,因为当我单击按钮时,文本正在更改。我还想让文本在按钮内居中。多谢各位

这是我的

$('option1')。在('click',function()上{
$(this).closest('label').find('span').html('Nice');
});
@import url('//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css')

点击我

您可以通过在代码中添加此位来实现这一点:您使用clas“btn”并添加您喜欢的固定宽度:

.btn{
宽度:200px;
文本对齐:居中;

}
您可以使用
最小宽度
.btn group>.btn{最小宽度:100px;}