Question

如何防止按钮在悬停时调整大小？我希望它们保持固定但宽度不同

.btn-group.simple-btn-group role="group"
  button.btn.btn-default type="button" Some
  button.btn.btn-default type="button" Something 

.simple-btn-group 
 .btn:hover
   font-weight: bold

Answer 1

.simple-btn-group 
 .btn:hover
   font-weight: bold

粗体值会将文本大小增加到一定程度，导致按钮展开。删除属性font-weight

如果您需要粗体文字，请转到下方

为了在正常和悬停状态下都有固定的宽度，在两种状态下设置高于按钮的按钮宽度。

.simple-btn-group 
 .btn
  width: 55px; // Make sure this is higher than hover state too

如何修复按钮组中的按钮宽度？

1 个答案: