2017-09-01 51 views
14

Bootstrap-4 kullanıyorum, bu sürümde (bootstrap-4), fontlar için em veya rem kullanır.Bootstrap-4 yazı tipi boyutunu nasıl artırırım?

Şimdi bu soru, tüm görüntü boyutu için font-size'u nasıl artırabilirim? çünkü her eleman çok küçük görünüyor. Bootstrap-4'te yapmanın kolay bir yolu var mı?

+0

CSS'de yazı tipi boyutunu ayarlamıyor musunuz veya ayarlayamıyor musunuz? – cwanjt

cevap

14

Bootstrap 4 's elemanlarının çoğunun font-size birimi için rem kullandığından, kendi stil HTML öğesi üzerinde px içinde font-size ayarlayabilir ve bu Bootstrap boyutlandırma varsayılan değiştirecek elemanları için de geçerlidir. codeply project'a bir bağlantı ekledim, böylece bunu görüyorsunuz. Ortamda zaten yüklü Bootstrap 4 var. html seçicisinin font-size değerini değiştirirseniz ve projeyi çalıştırırsanız, öğelerin boyutlandırılmasının tümünün kök öğesine göre nasıl değiştiğini görebilirsiniz.

sizin stil sayfasına CSS üç satırlık ekleme oldukça kolay olmalıdır:

html { 
    font-size: 16px; 
} 
+1

Bunu ayrıca bir em değerine de ayarlayabilirsiniz, ancak birden fazla boyutta test etmeniz gerekir. Bu yöntemin ana avantajı, kullanıcı aracısının ve kullanıcı stil sayfasının yazı tipi boyutuna uyması ve sitenizin görme engelli kişiler için daha erişilebilir olmasını sağlamaktır. – LightBender

-1

kullanabileceğiniz .h1.h6 için önyükleme sınıfları veya kendi özel css class yapmak ve buraya yazı tipi boyutunu tanımlamak ve koyabilirsiniz senin html öğenizdeki sınıf.

İlgili konular