Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Why did bootstrap 3 make all my fonts smaller?

I am new to bootstrap, and I added bootstrap 3 into my project and it shrunk all the font sizes, I never had any font size specified in these classes. I thought bootstrap 3 had the default size to 14.. is there something else I need to do?

Thanks

like image 975
user2206329 Avatar asked Oct 18 '13 06:10

user2206329


People also ask

How do I change the default font-size in Bootstrap?

If you are tied to v3, I would recommend changing that value to 1rem , and then setting html {font-size: 14px} as in the example above. This is the best way. Bootstrap 4 will magically size like v3 once you change this to 14px.

What is the global default font-size in Bootstrap?

Bootstrap's Default Settings Bootstrap's global default font-size is 14px, with a line-height of 1.428.

How do I make my font-size normal?

To change your display in Windows, select Start > Settings > Accessibility > Text size.


Video Answer


1 Answers

It appears to be happening, at least as of version 3.3.6, due to this block on line 1097:

html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

You can restore your font-size by adding this to your stylesheet:

html
{
    font-size: 100%;
}
like image 80
slackwing Avatar answered Sep 19 '22 05:09

slackwing