मुद्रणकला
Bootstrap टायपोग्राफी खातीर दस्तावेजीकरण आनी उदाहरणां, जातूंत जागतीक मांडावळी, शीर्षकां, मुखेल मजकूर, यादी, आनी हेर आसपावीत आसात.
जागतीक सेटिंग्ज
बूटस्ट्रॅप मुळावी जागतीक प्रदर्शन, टायपोग्राफी, आनी दुवो शैली सेट करता. जेन्ना चड नियंत्रणाची गरज आसता, तेन्ना मजकूर उपयुक्तताय वर्ग पळयात .
- दरेक OS आनी डिव्हायसा खातीर सगळ्यांत बरें निवडपी मुळ फॉन्ट स्टॅक वापरात .
font-family
- चड समावेशक आनी सुलभ प्रकार प्रमाणा खातीर, आमी ब्राउझर मुलभूत मूळ
font-size
(सादारणपणान 16px) गृहीत धरतात जेणे करून भेट दिवपी गरज पडल्यार तांचे ब्राउझर मुलभूत पसंतीचे करूंक शकतात. $font-family-base
,$font-size-base
, आनी गुणधर्म वापरात$line-height-base
आमचो मुद्रण आदार म्हणून<body>
.- वरवीं जागतीक दुवो रंग सेट करात
$link-color
आनी फकत चेर दुवो रेखांकन लागू करात:hover
. - ( पूर्वनिर्धारीतपणान) चेर
$body-bg
a सेट करपाक वापरात .background-color
<body>
#fff
ह्यो शैली भितर मेळूं येतात _reboot.scss
, आनी जागतीक चडांत चड व्याख्या _variables.scss
. $font-size-base
सेट करपाची खात्री करात rem
.
शीर्षकां
सगळ्यो HTML शीर्षकां, <h1>
वरवीं <h6>
, उपलब्ध आसात.
शीर्षक | उदारण |
---|---|
|
h1. बूटस्ट्रॅप शीर्षक |
|
h2. बूटस्ट्रॅप शीर्षक |
|
h3 हें नांव. बूटस्ट्रॅप शीर्षक |
|
h4 हें नांव. बूटस्ट्रॅप शीर्षक |
|
h5. बूटस्ट्रॅप शीर्षक |
|
h6 हें नांव. बूटस्ट्रॅप शीर्षक |
.h1
through .h6
classesय उपलब्ध आसात, जेन्ना तुमकां शीर्षकाच्या फॉन्ट स्टायलिंग जुळपाक जाय पूण संबंदीत HTML घटक वापरूंक मेळना तेन्ना खातीर.
h1. बूटस्ट्रॅप शीर्षक
h2. बूटस्ट्रॅप शीर्षक
h3 हें नांव. बूटस्ट्रॅप शीर्षक
h4 हें नांव. बूटस्ट्रॅप शीर्षक
h5. बूटस्ट्रॅप शीर्षक
h6 हें नांव. बूटस्ट्रॅप शीर्षक
शीर्षकां पसंतीचीं करप
बूटस्ट्रॅप 3 कडल्यान ल्हान दुय्यम शीर्षक मजकूर परतून तयार करपाक समाविष्ट केल्ल्या उपयुक्तताय वर्गांचो वापर करचो.
फॅन्सी प्रदर्शन शीर्षक फिकट जाल्ल्या दुय्यम मजकूरा वांगडा
शीर्षकां दाखोवप
तुमच्या पानाच्या आशयाच्या मांसांत सगळ्यांत बरे तरेन काम करपाक पारंपारीक शीर्षक घटक तयार केल्यात. जेन्ना तुमकां उबे रावपाक शीर्षकाची गरज आसता, तेन्ना प्रदर्शन शीर्षक वापरपाचो विचार करात —एक व्हडली, मात्शी चड मतां आशिल्ली शीर्षक शैली. लक्षांत दवरात हीं शीर्षकां पूर्वनिर्धारीतपणान प्रतिसाद दिवपी नात, पूण प्रतिसाद दिवपी फॉन्ट आकार सक्षम करप शक्य आसा .
प्रदर्शन 1. |
प्रदर्शन 2. |
प्रदर्शन 3. |
प्रदर्शन 4. |
फुडाकार
जोडून एक परिच्छेद वेगळो उबो करचो .lead
.
विवामस सॅजिटिस लेकस वेल ऑग लाओरीट रुट्रम फॉसिबस डोलोर ऑक्टर. डुयस मोलिस, एस्ट नॉन कोमोडो लक्टस.
इनलायन मजकूर घटक
सामान्य इनलायन HTML5 घटकांखातीर स्टायलिंग.
तुमी मार्क टॅग वापरूं येता toहायलायटलिखीत.
ही मजकूर ओळ काडून उडयल्लो मजकूर मानपाचो आसा.
ही मजकूर ओळ आतां अचूक ना अशें मानपाचो आसा.
ही मजकूर ओळ दस्तावेजांत जोडणी म्हणून मानपाचो आसा.
ही मजकूर ओळ रेखांकित केल्ल्या प्रमाणें रेंडर करतली
ही मजकूर ओळ बारीक छाप म्हणून मानपाचो आसा.
ही ओळ मोटव्या मजकूर म्हणून रेंडर केल्या.
ही ओळ इटालिक केल्लो मजकूर म्हणून रेंडर केल्ली.
.mark
आनी टॅग हाडटले अशे कसलेय नाका आशिल्ले अर्थशास्त्रीय परिणाम टाळून त्योच शैली लागू करपाक आनी .small
तेच बरोबर वर्गूय उपलब्ध आसात .<mark>
<small>
वयर दाखयल्ले नासतना, वापरपाक मेकळेपणान <b>
आनी <i>
HTML5 त. <b>
अतिरिक्त म्हत्व दिवंक नासतना उतरां वा वाक्यां उजवाडावपाखातीर आसता जाल्यार <i>
चड करून आवाज, तंत्रीक संज्ञा आदी खातीर आसता.
मजकूर उपयुक्तताय
आमच्या मजकूर उपयुक्तताय आनी रंग उपयुक्तताय कडेन मजकूर संरेखण, रुपांतर, शैली, वजन, आनी रंग बदलात .
संक्षेप
<abbr>
होवराचेर विस्तारीत आवृत्ती दाखोवपाखातीर संक्षेप आनी संक्षिप्त नांवांखातीर HTML च्या घटकाची शैलीबद्ध कार्यान्वयन . संक्षेपांक मुलभूत रेखांकन आसता आनी होवराचेर आनी सहाय्यक तंत्रज्ञानाच्या वापरप्यांक अतिरिक्त संदर्भ दिवपाक मदत कर्सर मेळटा.
.initialism
मात्सो ल्हान फॉन्ट-आकार खातीर संक्षेपांत जोडात .
अत्त्र हें नांव
एचटीएमएल हें नांव
ब्लॉककोट्स हांचो आस्पाव जाता
तुमच्या दस्तावेजा भितरल्या दुसऱ्या स्त्रोता कडल्यान सामुग्री ब्लॉक उद्धृत करपा खातीर. कोट म्हणून <blockquote class="blockquote">
खंयच्याय HTML भोंवतणी गुठलावचें .
लोरेम इप्सम डोलोर बस आमेत, कॉन्सेक्टेटर एडिपिसिंग एलिट. पूर्णांक पोसुएरे एराट एक आंते.
एका स्रोताचें नांव दिवप
<footer class="blockquote-footer">
स्रोत वळखुपाखातीर एक जोडात . स्त्रोत कार्याचें नांव <cite>
.
लोरेम इप्सम डोलोर बस आमेत, कॉन्सेक्टेटर एडिपिसिंग एलिट. पूर्णांक पोसुएरे एराट एक आंते.
संरेखण करप
तुमच्या ब्लॉककोटाची संरेखण बदलपाखातीर गरज पडल्यार मजकूर उपयुक्तताय वापरात.
लोरेम इप्सम डोलोर बस आमेत, कॉन्सेक्टेटर एडिपिसिंग एलिट. पूर्णांक पोसुएरे एराट एक आंते.
लोरेम इप्सम डोलोर बस आमेत, कॉन्सेक्टेटर एडिपिसिंग एलिट. पूर्णांक पोसुएरे एराट एक आंते.
यादी दिता
अनस्टायल केल्लें
list-style
यादी वस्तूंचेर मुलभूत आनी डावें मार्जिन काडून उडोवचें (फकत तात्काळ भुरग्यांक). हे फकत तात्काळ भुरग्यांची यादी आयटमांक लागू जाता , म्हळ्यार तुमकां खंयच्याय नेस्टेड यादींखातीर वर्ग जोडचो पडटलो.
- लोरेम इप्सम डोलोर बस आमेत
- Consectetur adipiscing एलिट हें नांव
- मासा हांगा पूर्णांक मोलेस्टी लोरेम
- प्रीटियम निस्ल अॅलिकेटांत फॅसिलिसिस
- नुल्ला वोलुत्पात आलिक्वाम वेलिट
- फासेलस इअकुलिस नेक हें नांव
- पुरुस सोडलेस अल्ट्रिसीस
- वेस्टिबुलम लाओरीत पोर्टिटोर सेम
- एसी ट्रिस्टीक लिबेरो वोलुत्पात अॅट
- फॉसिबस पोर्टा लेकस फ्रिंगिला वेल
- एनियन बस अमेत एरात नुंक
- एगेट पोर्टिटोर लोरेम
इनलायन
वळेरेचीं गुळयो काडून उडोवची आनी margin
दोन वर्गांच्या संयोजनान थोडो उजवाड घालचो, .list-inline
आनी .list-inline-item
.
- लोरेम इप्सम हें नांव
- फासेलस इअकुलिस हें नांव
- नुल्ला वोलुत्पात
वर्णन यादी संरेखण
आमच्या ग्रिड प्रणालीचे पूर्वनिर्धारीत वर्ग (वा अर्थपूर्ण मिक्सिन) वापरून संज्ञा आनी वर्णन आडवे संरेखित करात. दीर्घ काळाखातीर, तुमी पर्यायीपणान .text-truncate
मजकूर अंडाकारान कापून उडोवपाखातीर वर्ग जोडूंक शकतात.
- वर्णन यादी
- संज्ञा व्याख्या करपाखातीर वर्णन वळेरी परिपूर्ण आसा.
- युइस्मोड हांणी केला
-
वेस्टिबुलम आयडी लिगुला पोर्टा फेलिस युइसमोड सेम्पर एगेट लॅसिनिया ओडियो सेम नेसी एलिट.
डोनेक आयडी एलिट नॉन मी पोर्टा ग्रेविडा अॅट एगेट मेटस.
- मालेसुआदा पोर्टा
- एटियाम पोर्टा सेम मालेसुआडा मॅग्ना मोलिस युइसमोड.
- कापून काडिल्ली संज्ञा कापल्या
- फुसे दापिबस, टेलस एसी कर्सस कोमोडो, टॉर्टोर मौरिस कॉन्डिमेंटम निभ, उत फर्मेन्टम मासा जस्टो बस अमेट रिसुस.
- घोंस घालप
-
- नेस्टेड व्याख्या वळेरी
- एनियन पोसुएरे, टॉर्टोर सेड कर्सस फ्युजियाट, ननक ऑग ब्लॅंडिट ननक.
प्रतिसाद दिवपी फॉन्ट आकार
बूटस्ट्रॅप v4.3 प्रतिसाद दिवपी फॉन्ट आकार सक्षम करपाचो पर्याय दिवन धाडटा, मजकूर डिव्हायस आनी व्यूपोर्ट आकारां मदीं चड सैमीक रितीन स्केल करपाक परवानगी दिता. Sass चडांत चड Bootstrap कडेन बदलून आनी परतून संकलित करून RFS सक्षम करूंक शकता.$enable-responsive-font-sizes
true
RFS चो आदार दिवपाक , आमी आमच्या सामान्य font-size
गुणधर्मांक बदलपाक Sass mixin वापरतात . प्रतिसाद दिवपी फॉन्ट आकार प्रतिसाद दिवपी मापन वर्तन सक्षम करपाक आनी दृश्यपोर्ट एककांच्या calc()
मिश्रणा वांगडा कार्यांत संकलित करतले . RFSrem
आनी ताचे संरचनेविशीं चड ताच्या GitHub भंडाराचेर मेळूं येता .