html - Bootstrap 面板标题更改高度

标签 html css twitter-bootstrap

我正在尝试更改 bootstraps 的高度面板标题,如果我使用此 css 更改高度:

style="height: 20px;"

页眉中的标题会错位

See example在 plunker 上

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

最佳答案

你所做的不是一个好主意,但如果你仍然想坚持下去,那么你也必须更改 Bootstrap 的默认面板标题填充,例如this到你的面板:

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

正如您在 plunker 中看到的那样,font-size 不是最理想的大小,因此我建议您使用自定义类而不是 Bootstrap .panel-heading

关于html - Bootstrap 面板标题更改高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34224785/

相关文章:

javascript - 如何为 X 个元素关联点击功能?

html - ReactJS 项目未显示在本地主机上

html - 为什么 input 标签和 button 标签没有放在一起而是分开一行

css - 为什么不在绝对定位的 child 身上定义宽度会出现异常行为?

html - 到边界半径的 SVG 路径

jquery - 如何根据图像宽度动态禁用cloudzoom

html - iframe 覆盖导航栏,需要关闭,打开修复?

html - Bootstrap Nav pills 使用 flexbox justify-content :space-between property 无法按预期工作

css - Bootstrap 4 中是否有类似 reverse sr-only 的东西?

jquery - 如何向该进度条添加路径点?