Tlhaloso ea litlhaku
Litokomane le mehlala ea Bootstrap typography, ho kenyeletsoa litlhophiso tsa lefats'e, lihlooho, mongolo oa 'mele, manane, le tse ling.
Litlhophiso tsa lefats'e
Bootstrap e beha ponts'o ea mantlha ea lefats'e, typography, le mekhoa ea lihokelo. Ha ho hlokahala taolo e eketsehileng, hlahloba lihlopha tsa tšebeliso ea mongolo .
- Sebelisa pokello ea litlhaku tsa tlhaho tse khethang tse ntle
font-family
bakeng sa OS le sesebelisoa ka seng. - Bakeng sa sekala sa mofuta o kenyellelitsoeng le ho fihlelleha, re nka hore "browser" ea kamehla
font-size
(hangata e 16px) e le hore baeti ba ka khona ho etsa litlhophiso tsa sebatli sa bona kamoo ho hlokahalang. - Sebelisa
$font-family-base
,$font-size-base
, le$line-height-base
litšoaneleho e le motheo oa typographic o sebelisoang ho<body>
. - Beha 'mala oa lihokelo tsa lefats'e ka
$link-color
ho sebelisa mehala ea likhokahano feela ho:hover
. - Sebelisa
$body-bg
ho setabackground-color
ho<body>
(#fff
ka kamehla).
Mekhoa ena e ka fumanoa ka hare _reboot.scss
, 'me mefuta e fapaneng ea lefats'e e hlalosoa ka _variables.scss
. Etsa bonnete ba hore u $font-size-base
kene rem
.
Lihlooho
Lihlooho tsohle tsa HTML, <h1>
ho ea ho <h6>
, li fumaneha.
Sehlooho | Mohlala |
---|---|
|
h1. Sehlooho sa Bootstrap |
|
h2. Sehlooho sa Bootstrap |
|
h3. Sehlooho sa Bootstrap |
|
h4. Sehlooho sa Bootstrap |
|
h5. Sehlooho sa Bootstrap |
|
h6. Sehlooho sa Bootstrap |
.h1
ka .h6
litlelase le tsona lia fumaneha, hobane ha u batla ho bapisa mongolo oa mongolo oa sehlooho empa u sa khone ho sebelisa karolo ea HTML e amanang le eona.
h1. Sehlooho sa Bootstrap
h2. Sehlooho sa Bootstrap
h3. Sehlooho sa Bootstrap
h4. Sehlooho sa Bootstrap
h5. Sehlooho sa Bootstrap
h6. Sehlooho sa Bootstrap
Ho iketsetsa lihlooho
Sebelisa litlelase tsa lisebelisoa tse kenyellelitsoeng ho etsa mongolo o monyane oa sehlooho ho tsoa ho Bootstrap 3.
Sehlooho sa ponts'o e majabajaba Ka mongolo oa bobeli o fifetseng
Hlahisa lihlooho
Lihlooho tsa lihlooho tse tloaelehileng li etselitsoe ho sebetsa hantle ka ho fetisisa nameng ea litaba tsa leqephe la hau. Ha u hloka sehlooho hore se hlahelle, nahana ka ho sebelisa sehlooho se bonts'itsoeng - setaele se seholoanyane, se nang le maikutlo a itseng. Hopola hore lihlooho tsena ha li arabele ka mokhoa o ikhethileng, empa hoa khoneha ho etsa hore boholo ba fonte bo arabele .
Pontšo 1 |
Pontšo 2 |
Pontšo ea 3 |
Pontšo ea 4 |
Ketapele
Etsa hore serapa se hlahelle ka ho eketsa .lead
.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Ke mollis, e seng commodo luctus.
Lintlha tsa mongolo tse ka har'a mela
Setaele bakeng sa lintlha tse tloaelehileng tsa inline HTML5.
U ka sebelisa letšoao la letšoao hototobatsamongolo.
Mola ona oa mongolo o reretsoe ho nkuoa e le mongolo o hlakotsoeng.
Mola ona oa mongolo o reretsoe ho nkuoa o se o sa nepahala.
Mola ona oa mongolo o reretsoe ho nkoa e le tlatsetso tokomaneng.
Mola ona oa mongolo o tla fana ka mokhoa o thaliloeng
Mola ona oa mongolo o reretsoe ho nkoa e le mongolo o motle.
Mola ona o ngotsoe joalo ka mongolo o motenya.
Mola ona o ngotsoe joalo ka mongolo o tšekaletseng.
.mark
'me .small
litlelase li fumaneha hape ho sebelisa mekhoa e ts'oanang <mark>
le <small>
ha u ntse u qoba litlamorao tse sa batleheng tsa semantic tseo li-tag li ka li tlisang.
Le hoja e sa bontšoa ka holimo, ikutloe u lokolohile ho sebelisa <b>
le <i>
ho HTML5. <b>
e reretsoe ho totobatsa mantsoe kapa lipoleloana ntle le ho fana ka bohlokoa bo eketsehileng ha <i>
boholo e le ea lentsoe, mantsoe a theknoloji, joalo-joalo.
Lisebelisoa tsa mongolo
Fetola tatellano ea mongolo, fetola, setaele, boima le 'mala ka lisebelisoa tsa rona tsa mongolo le lisebelisoa tsa mebala .
Likgutsufatso
Ts'ebetsong e hlophisitsoeng ea HTML's <abbr>
element bakeng sa khutsufatso le li-acronyms ho bonts'a mofuta o atolositsoeng ho hover. Likgutsufatso li na le mothalo oa kamehla 'me li fumana sekhechana sa thuso ho fana ka moelelo o eketsehileng mabapi le hover le ho basebelisi ba mahlale a thusang.
Eketsa .initialism
ho khutsufatso ea boholo ba fonte e nyane hanyane.
attr
HTML
Mantsoe a thibelang
Bakeng sa ho qotsa li-block tsa litaba tse tsoang mohloling o mong ka har'a tokomane ea hau. Qetella HTML<blockquote class="blockquote">
efe kapa efe joalo ka qotso.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pokello e felletseng e na le palo e kholo.
Ho reha mohloli
Kenya a <footer class="blockquote-footer">
bakeng sa ho tseba mohloli. Qetella lebitso la mosebetsi oa mohloli ka <cite>
.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pokello e felletseng e na le palo e kholo.
Ho tsamaisana
Sebelisa lisebelisoa tsa mongolo ha ho hlokahala ho fetola tekano ea blockquote ea hau.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pokello e felletseng e na le palo e kholo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pokello e felletseng e na le palo e kholo.
Manane
Unstyled
Tlosa moeli oa kamehla list-style
le o ka ho le letšehali linthong tsa lenane (bana ba hona joale feela). Sena se sebetsa feela ho lenane la lintho tse fumanehang hanghang tsa bana , ho bolelang hore o tla hloka ho kenyelletsa sehlopha bakeng sa manane afe kapa afe a behiloeng.
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem le massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Likokoana-hloko tsa Purus sodales
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
E mocheng
Tlosa likulo tsa lenane 'me u sebelise leseli margin
le nang le motsoako oa lihlopha tse peli, .list-inline
le .list-inline-item
.
- Lorem ipsum
- Phasellus iaculis
- Nulla volutpat
Tlhaloso ea lenane la tlhaloso
Lokisetsa mantsoe le litlhaloso ka mokhoa o otlolohileng ka ho sebelisa litlelase tse boletsoeng esale pele tsa sistimi ea rona (kapa metsoako ea semantic). Bakeng sa mantsoe a malelele, u ka khetha ho eketsa .text-truncate
sehlopha ho fokotsa mongolo ka ellipsis.
- Manane a tlhaloso
- Lethathamo la litlhaloso le nepahetse bakeng sa ho hlalosa mantsoe.
- Euismod
-
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.
- Lentsoe le khutsufalitsoeng le fokotsoe
- Fusce dapibus, tellus ac cursus commodo, tor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
- Nesting
-
- Lethathamo la litlhaloso tse fumanehang
- Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.
Bongata ba litlhaku tse arabelang
Ho tloha ka v4.3.0, likepe tsa Bootstrap tse nang le khetho ea ho etsa hore boholo ba fonte bo arabele, bo lumellang mongolo hore o fetele ka tlhaho ho feta lisebelisoa le boholo ba pono. RFS e ka nolofalloa ka ho fetola mofuta oa $enable-responsive-font-sizes
Sass true
le ho khutlisa Bootstrap.
Ho tšehetsa RFS , re sebelisa motsoako oa Sass ho nkela font-size
thepa ea rona e tloaelehileng sebaka. Bophahamo ba mengolo e arabelang bo tla hlophisoa hore e be calc()
lits'ebetso tse kopantsoeng rem
le likarolo tsa pono ho etsa hore boitšoaro bo arabele. Tse ling mabapi le RFS le tlhophiso ea eona li ka fumanoa polokelong ea eona ea GitHub .