仅在Bootstrap 3上更改移动视图的H1大小

时间:2015-03-31 20:30:36

标签: twitter-bootstrap twitter-bootstrap-3 responsive-design

我想仅在Bootstrap 3中更改移动视图的H1大小。

有关如何处理此事的任何建议吗?

1 个答案:

答案 0 :(得分:0)

当屏幕尺寸小于< pst>时,通常触发引导程序中的电话。 768px所以您可以使用媒体查询来更改h1的字体大小,例如:

@media screen and (max-width:768px){
  h1{
     font-size:3em;
  }    
}

示例jsfiddle:http://jsfiddle.net/93gb39Lt/