css - 按比例减小 Twitter Bootstrap 标题大小

标签 css twitter-bootstrap

不确定这是否可能。我认为 Twitter Bootstrap 标题太大。 h136pxh230px,依此类推。

有没有办法按比例缩小标题大小?假设我只想要每个标题的 90%。我不想一一声明每个标题的字体大小。

谢谢。

最佳答案

我意识到这个线程现在已经超过 18 个月了,但是为了防止有人再次遇到这个问题,最新版本的 Bootstrap (v3.1.1) 在 less/variables.less< 中设置了所有标题字体大小,像这样:

@font-size-h1: floor((@font-size-base * 2.6)); // ~36px
@font-size-h2: floor((@font-size-base * 2.15)); // ~30px
@font-size-h3: ceil((@font-size-base * 1.7)); // ~24px
@font-size-h4: ceil((@font-size-base * 1.25)); // ~18px
@font-size-h5: @font-size-base;
@font-size-h6: ceil((@font-size-base * 0.85)); // ~12px

因此,这只是调整乘数以使每个因素产生影响的情况。

关于css - 按比例减小 Twitter Bootstrap 标题大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12464773/

相关文章:

javascript - 使用 Javascript 更改背景位置?

CSS3 无限动画循环在谷歌浏览器 31.0.1650.57 中不起作用

html - 如何修复 css 链接问题

css - 具有第一列动态宽度的 3 列 div

jquery - 在移动设备的右侧获取空白区域。表格和文本的某些部分超出了移动宽度

javascript - 如何让 DateTimePicker 在 iOS 和 Android 上工作?

右侧的 jQuery Offcanvas 菜单

html - Bootstrap 3 Navbar 无法在移动设备上运行

javascript - 使用 Angular Directive(指令)作为自定义指令的属性

html - 下拉菜单未正确放置在模式标题中