All fonts too small with bootstrap-3.0 -


in converting twitter bootstrap 2.3.2 3.1.1, , after working through several migration guides, find fonts small (around 75% of 2.3.2 size). doesn't seem have screen size (assessed on same screen, 1920x1080). according inspector (both safari , firefox), old , new should same font-size.

since universal fonts, seems there's global scaling going on, somewhere not revealed inspector. be? how can undo it?

web inspector example:

bs3 version:

<html>   <body class="me">     <div class="jumbotron home-feature">       <div class="alert alert-info text-center">         <small> 

styles in inspector:

small: type.less:85: font-size: 85%; small: normalize.less:159: font-size: 80%; (overridden) small: user agent stylesheet: font-size: smaller;  inherited body.me: .me: me.css: font-size: 1em; (overridden) body: scaffolding.less:37: font-size: 14px; (overridden)  inherited html: html: scaffolding.less:29: font-size: 62.5% (overridden) 

bs2 version:

<html>   <body class="me">     <div class="hero-unit home-feature">       <div class="alert alert-info text-center">         <small> 

styles:

small: bootstrap.css:662: font-size: 85%; small:  user agent stylesheet: font-size: smaller;  inherited div.hero-unit.home-feature: .hero-unit: bootstrap.css:6120: font-size:18px (overridden)  inherited body.me: .me: me.css:1: font-size: 1em; (overridden) body: bootstrap.css:224: font-size: 14px; (overridden)  inherited html: html: bootstrap.css:68: font-size: 100%; (overridden) 

i noticed html being overridden bootstrap scaffolding, applied css body instead of html

before changes:

html { font-size: 24px; }

after changes:

body { font-size: 24px; }


Comments

Popular posts from this blog

how to proxy from https to http with lighttpd -

android - Automated my builds -

python - Flask migration error -