按比例降低twitter引导标题大小

Question

不确定这是否可行。我认为Twitter Bootstrap标题太大了。 h1是36px; h2是30px，依此类推。

有没有什么办法可以按比例缩小标题大小？假设我只想每个标题的90％。我不想一一列出每个标题的字体大小。

谢谢。

Answer 1

给一个类的body，让这个CSS：

body.myClass h1, 
body.myClass h2, 
body.myClass h3, 
body.myClass h4, 
body.myClass h5, 
body.myClass h6 {font-size: 0.9em;} 

这给你90％的原始大小。你也可以把它作为90%。 :)

Answer 2

这将是很好，如果这是可能的调整一个变量在LESS，但我不认为它是。

从variables.less：

// Typography 
// ------------------------- 
@sansFontFamily:  "Helvetica Neue", Helvetica, Arial, sans-serif; 
@serifFontFamily:  Georgia, "Times New Roman", Times, serif; 
@monoFontFamily:  Monaco, Menlo, Consolas, "Courier New", monospace; 

@baseFontSize:   14px; 
@baseFontFamily:  @sansFontFamily; 
@baseLineHeight:  20px; 
@altFontFamily:   @serifFontFamily; 

@headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily 
@headingsFontWeight: bold; // instead of browser default, bold 
@headingsColor:   inherit; // empty to use BS default, @textColor 

所以，你可以通过改变@baseFontSize规模文本的所有，但遗憾的是没有单独的@baseHeaderFontSize。你总是可以分解这个项目！

编辑2：正如@merv指出的，标题大小将基于@baseFontSizefrom 2.1.2。

原创编辑：实际上，它看起来像标题大小反正硬编码：type.less：

h1 { font-size: 36px; line-height: 40px; } 
h2 { font-size: 30px; line-height: 40px; } 
h3 { font-size: 24px; line-height: 40px; } 
h4 { font-size: 18px; line-height: 20px; } 
h5 { font-size: 14px; line-height: 20px; } 
h6 { font-size: 12px; line-height: 20px; } 

Answer 3

我意识到这线程现在已经过去18个月大，但万一有人遇到此同样，引导（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 

所以它只是调整的乘数为每这些有的情况下，一个影响。