Html 引导面板标题更改高度

我正在尝试更改面板标题的高度，如果我使用以下css更改高度：

style="height: 20px;"

标题内的标题将被错误放置

论普朗克

---

为什么会发生这种情况，我如何修复它

不要这样做：该元素的高度（包括其中的所有文本，还有第二段）会自动调整到文本（以便所有文本都有在其中定义的背景）。如果手动设置高度（如您所做），文本仍将可见（因为显示重叠文本），但它不适合背景

---

尝试添加一些文本，你就会明白我的意思。

只是不要这样做：此元素的高度（包括其中的所有文本，还有第二段）会自动调整到文本（以便所有文本都有在其中定义的背景）。如果手动设置高度（如您所做），文本仍将可见（因为显示重叠文本），但它不适合背景

---

尝试添加一些文本，你就会明白我的意思。

这不是一个好主意，但如果你仍然想坚持下去，那么你也必须更改引导程序的默认面板标题填充，如您的面板：

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

---

正如您在plunker中看到的，

字体大小

不是最理想的大小，因此我建议您使用自定义类，而不是引导

。面板标题

这样做不是一个好主意，但是如果您仍然想坚持使用它，那么您也必须更改引导的默认面板标题填充，希望您的小组：

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

---

正如您在plunker中看到的，

字体大小

不是最理想的大小，因此我建议您使用自定义类，而不是引导

。面板标题

我知道，在我的应用程序中，我觉得它有点太大了，但我不想仅仅为了那个小补丁而产生问题。谢谢你的解释@klskl很高兴帮助您我知道，在我的应用程序中，我觉得它有点太大了，但我不想仅仅为了那个小补丁而产生问题。谢谢你的解释@klskl很高兴能帮助你