Why is bootstrap setting the default font-size to 10px?

Question

I am looking at the font-size for the html element and it says: 10px. And it claims that it comes from bootstrap (v3).

And sure enough, in bootstrap.css, I see the following:

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

From what I've read, the default size should be 14px. The reason I am asking is that I've started using rem units and everything is appearing to be very small because the base font size is small.

What am I missing?

Answer 1

In Bootstrap version 3.3.7 there is a style:

html {
  font-size: 10px;
   ...
}

Change to: (or whatever value you would like)

html {
    font-size: 100%;
    ...
}