2017-09-01 25 views
14

मैं बूटस्ट्रैप -4 का उपयोग कर रहा हूं, इस संस्करण में (बूटस्ट्रैप -4) डिफ़ॉल्ट फ़ॉन्ट्स em या rem फोंट के लिए उपयोग करता है।बूटस्ट्रैप -4 फ़ॉन्ट आकार को कैसे बढ़ाया जाए?

अब यह सवाल है, मैं सभी व्यूपोर्ट आकार के लिए font-size कैसे बढ़ा सकता हूं। क्योंकि हर तत्व बहुत छोटा दिख रहा है। बूटस्ट्रैप -4 में करने का कोई आसान तरीका है।

+0

क्या आप सीएसएस में फ़ॉन्ट आकार सेट करने का विरोध करते हैं या असमर्थ हैं? – cwanjt

उत्तर

14

क्योंकि बूटस्ट्रैप 4 यह के तत्वों के अधिकांश के font-size इकाई के लिए रेम का उपयोग करता है, आप अपने खुद स्टाइलशीट में px HTML तत्व पर में font-size सेट कर सकते हैं और यह डिफ़ॉल्ट बूटस्ट्रैप आकार बदल जाएगा अपने तत्वों पर लागू होता है। मैंने codeply project पर एक लिंक शामिल किया है, ताकि आप इसे क्रिया में देख सकें। पर्यावरण में पहले से ही बूटस्ट्रैप 4 लोड किया गया है। यदि आप html चयनकर्ता के लिए font-size का मान बदलते हैं और प्रोजेक्ट चलाते हैं तो आप देख सकते हैं कि तत्व तत्वों का आकार मूल तत्व के सापेक्ष कैसे बदलता है।

अपने स्टाइलशीट करने के लिए सीएसएस के तीन लाइनों को जोड़ने से बहुत आसान होना चाहिए:

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

आप इसे एक एम मान पर भी सेट कर सकते हैं, लेकिन आपको कई आकारों पर परीक्षण करना होगा। इस विधि का मुख्य लाभ यह है कि यह उपयोगकर्ता एजेंट और उपयोगकर्ता स्टाइल शीट की फ़ॉन्ट-आकार सेटिंग का सम्मान करेगा, जिससे आपकी साइट दृश्य विकार वाले लोगों के लिए अधिक सुलभ हो जाएगी। – LightBender

-1

आप उपयोग कर सकते .h1.h6 को बूटस्ट्रैप वर्ग या आप अपने स्वयं के कस्टम सीएसएस वर्ग बनाने के लिए और यहाँ पर फ़ॉन्ट आकार को परिभाषित करने और रख सकते हैं अपने अपने एचटीएमएल तत्व पर वर्ग।

संबंधित मुद्दे