line-height: 1.428571429;Mengapa Bootstrap diaturline-height ke nilai ini?
( Beberapa tema membulatkannya menjadi 1,42857143.)
Jawaban:
Ketinggian garis ditentukan dengan membagi ukuran tinggi garis yang ditargetkan dengan ukuran font. Dalam contoh ini, Bootstrap mendasarkan ketinggian garisnya dari ukuran font 14px. Tinggi garis target adalah 20px:
20px ÷ 14px = 1.428571429
Saat menentukan tinggi garis Anda, Anda ingin memastikan Anda memiliki ruang putih yang cukup di antara baris Anda. Hal ini memungkinkan untuk naik dan turun tanpa mengganggu pada baris lainnya. Juga memiliki ruang putih yang cukup memungkinkan mata Anda untuk mengembangkan irama visual saat membaca.
Selain itu, menjaga ketinggian garis-unit menjadi lebih fleksibel. Untuk informasi lebih lanjut, lihat posting Eric Meyer mengenai hal ini mulai Februari 2006.
line-heightketidakjelasan penyebab tidak teratur ini di IE11, yang membuat saya mempertanyakannya. Jawabannya masuk akal, tetapi membulatkan angka menjadi hanya beberapa desimal mungkin lebih bijaksana atas nama Bootstrap.