Bootstrap 面板中的位置按钮

Question

大家好，我在页面上使用引导面板，我想对齐 panel-heading 中的按钮

我尝试使用padding，但它不起作用，它只是拉伸了button

这是panel-group 的图像，您可以看到checkin 按钮未正确对齐

让我知道我可以使用哪些属性

谢谢

这是panel的html元素

Answer 1

尝试使用margin 代替padding。

更新：- 尝试将您的属性位置设置为绝对并使用边距。它会起作用的。问候。

不建议使用绝对位置。视情况而定，更多信息可以在这里查看。

Is it considered bad practice to use absolute positioning?

这只是一个例子

DEMO

Answer 2

尝试将面板标题显示设置为 flex，将项目对齐到中心。包装标题文本并将包装器的 flex 值设置为 1 就是这样。尽量避免使用绝对定位。