Por que o Bootstrap define a propriedade line-height como 1.428571429?

line-height: 1.428571429;

Por que o Bootstrap defineline-height esse valor?

( Alguns temas o arredondam para 1.42857143.)

A altura da linha é determinada dividindo o tamanho da altura da linha de destino pelo tamanho da fonte. Neste exemplo, o Bootstrap está baseando sua altura de linha em um tamanho de fonte de 14px. A altura da linha de destino é 20 px:

20px ÷ 14px = 1.428571429

Ao determinar a altura da linha, verifique se há um amplo espaço em branco entre as linhas. Isso permite ascendentes e descendentes sem se intrometer em outras linhas. Também ter amplo espaço em branco permite que seus olhos desenvolvam um ritmo visual durante a leitura.

Manter a altura da linha sem unidade também a torna mais versátil. Para mais informações, consulte a publicação de Eric Meyer sobre isso em fevereiro de 2006.