bootstrap panel-header更改高度

Question

如果我使用此css更改高度，我试图更改bootstraps面板标题的高度：

style="height: 20px;"

标题内的标题将被错放

关于plunker的

See example

为什么会发生这种情况，我该如何解决？

Answer 1

你做了什么并不是一个好主意，但是如果你还想坚持下去，那么你必须改变bootstrap的默认面板标题填充，比如this。面板：

 <div style="height: 20px;padding:0" class="panel-heading">

正如你在plunker中看到的那样font-size不是最理想的尺寸所以我建议你使用自定义类而不是引导.panel-heading

Answer 2

请勿执行此操作：此元素的高度（包括其中的所有文本，也包括第二段）会自动调整为文本（以便所有文本都在其中定义背景）。如果您手动设置高度（就像您一样），文本仍然可见（因为显示重叠文本），但它不适合背景。

尝试添加一些文字，你会意识到，我的意思。