Bootstrapがline-heightプロパティを1.428571429に設定するのはなぜですか？

line-height: 1.428571429;

Bootstrapline-heightがこの値に設定されるのはなぜですか？

（テーマによっては、1.42857143に丸められます。）

line-heightは、ターゲットのline-heightサイズをfont-sizeで割ることによって決定されます。この例では、Bootstrapは14pxフォントサイズからラインハイトをベースラインにしています。ターゲットの行の高さは20pxです。

20px÷14px = 1.428571429

行の高さを決定するときは、行の間に十分な空白があることを確認する必要があります。これにより、他の行に侵入することなく、アセンダーとディセンダーを使用できます。また、十分な余白があることで、読書中に視覚的なリズムが生まれます。

また、行の高さをユニットレスに保つと、用途が広がります。詳細については、2006年2月のこの記事に関するEric Meyerの投稿を参照してください。