Palapala kiʻi
Nā palapala a me nā laʻana no Bootstrap typography, me nā hoʻonohonoho honua, nā poʻo, nā kikokikona kino, nā papa inoa, a me nā mea hou aku.
Hoʻonohonoho ʻo Bootstrap i ka hōʻike honua maʻamau, typography, a me nā ʻano loulou. Ke makemake hou ʻia ka mana, e nānā i nā papa hana kikokikona .
- E hoʻohana i kahi waihona kikokikona maoli e koho i ka mea maikaʻi loa
font-family
no kēlā me kēia OS a me nā mea hana. - No ka ʻano pālākiō hou aʻe a hiki ke loaʻa, manaʻo mākou i ke kumu paʻamau o ka polokalamu kele pūnaewele
font-size
(maʻamau 16px) no laila hiki i nā malihini ke hoʻonohonoho i kā lākou polokalamu paʻamau e like me ka mea e pono ai. - E hoʻohana i ka
$font-family-base
,$font-size-base
, a me$line-height-base
nā ʻano e like me kā mākou kumu kikokikona i pili i ka<body>
. - E hoʻonoho i ka waihoʻoluʻu loulou honua ma o
$link-color
a hoʻopili i nā kaha lalo ma:hover
. - E hoʻohana
$body-bg
no ka hoʻonoho ʻanabackground-color
i ka<body>
(#fff
ma ka paʻamau).
Hiki ke loaʻa kēia mau ʻano i loko o _reboot.scss
, a ua wehewehe ʻia nā ʻano hoʻololi honua ma _variables.scss
. E hōʻoia e hoʻokomo i $font-size-base
loko rem
.
Loaʻa nā poʻomanaʻo HTML āpau, <h1>
ma o <h6>
,.
Poʻomanaʻo | Laʻana |
---|---|
|
h1. Poʻomanaʻo Bootstrap |
|
h2. Poʻomanaʻo Bootstrap |
|
h3. Poʻomanaʻo Bootstrap |
|
h4. Poʻomanaʻo Bootstrap |
|
h5. Poʻomanaʻo Bootstrap |
|
h6. Poʻomanaʻo Bootstrap |
.h1
ma o .h6
nā papa, no ka mea, inā makemake ʻoe e hoʻohālikelike i ke ʻano o ka font styling o kahi poʻomanaʻo akā ʻaʻole hiki ke hoʻohana i ka mea HTML pili.
h1. Poʻomanaʻo Bootstrap
h2. Poʻomanaʻo Bootstrap
h3. Poʻomanaʻo Bootstrap
h4. Poʻomanaʻo Bootstrap
h5. Poʻomanaʻo Bootstrap
h6. Poʻomanaʻo Bootstrap
E hoʻohana i nā papa hana pono e hana hou i ka kikokikona poʻomanaʻo liʻiliʻi mai Bootstrap 3.
Hoʻolālā ʻia nā mea poʻomanaʻo kuʻuna e hana maikaʻi loa i ka ʻiʻo o kāu ʻaoʻao ʻaoʻao. Ke makemake ʻoe i kahi poʻomanaʻo e kū i waho, e noʻonoʻo e hoʻohana i kahi poʻomanaʻo hōʻike - kahi ʻano poʻomanaʻo nui a ʻoi aku ka manaʻo.
Hōʻike 1 |
Hōʻike 2 |
Hōʻike 3 |
Hōʻike 4 |
E hoʻokaʻawale i kahi paukū ma ka hoʻohui ʻana i .lead
.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.
Hoʻolima ʻana no nā mea maʻamau HTML5 inline.
Hiki iā ʻoe ke hoʻohana i ka mark mark ihōʻailonakikokikona.
Hoʻohana ʻia kēia laina kikokikona ma ke ʻano he kikokikona holoi ʻia.
Manaʻo ʻia kēia laina o ka kikokikona me he mea lā ʻaʻole pololei.
Hoʻohana ʻia kēia laina kikokikona ma ke ʻano he mea hoʻohui i ka palapala.
E hāʻawi ʻia kēia laina kikokikona e like me ke kaha ʻia
ʻO kēia laina kikokikona i manaʻo ʻia e mālama ʻia ma ke ʻano he paʻi maikaʻi.
Ua unuhi ʻia kēia laina ma ke ʻano he kikokikona wiwo ʻole.
Ua unuhi ʻia kēia laina ma ke ʻano he kikokikona italicized.
.mark
a .small
loaʻa nō hoʻi nā papa no ka hoʻohana ʻana i nā ʻano like <mark>
a me <small>
ka pale ʻana i nā hopena semantic i makemake ʻole ʻia e lawe ʻia e nā hōʻailona.
ʻOiai ʻaʻole i hōʻike ʻia ma luna, e ʻoluʻolu e hoʻohana <b>
a <i>
ma HTML5. <b>
ʻO ka manaʻo e hōʻike i nā huaʻōlelo a i ʻole nā huaʻōlelo me ka ʻole o ka haʻi ʻana i ke koʻikoʻi aʻo <i>
ka hapa nui no ka leo, nā ʻōlelo loea, etc.
E hoʻololi i ka alignment kikokikona, hoʻololi, kaila, kaumaha, a me ka waihoʻoluʻu me kā mākou mau pono kikokikona a me nā pono kala .
Hoʻokomo ʻia i ka mea HTML <abbr>
no nā pōkole a me nā acronyms e hōʻike i ka mana i hoʻonui ʻia ma ka hover. Loaʻa i nā pōkole kahi kaha lalo a loaʻa kahi ʻōkuhi kōkua e hāʻawi i ka pōʻaiapili hou ma ka hover a me nā mea hoʻohana i nā ʻenehana kōkua.
Hoʻohui .initialism
i kahi pōkole no ka liʻiliʻi liʻiliʻi.
attr
HTML
No ka haʻi ʻana i nā poloka maʻiʻo mai kahi kumu ʻē aʻe i loko o kāu palapala. E <blockquote class="blockquote">
kāʻei i kekahi HTML e like me ka ʻōlelo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Hoʻohui i kahi <footer class="blockquote-footer">
no ka ʻike ʻana i ke kumu. E kāʻei i ka inoa o ka hana kumu ma <cite>
.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
E hoʻohana i nā pono kikokikona e like me ka mea e pono ai e hoʻololi i ka alignment o kāu blockquote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Wehe i ka palena paʻamau list-style
a me ka ʻaoʻao hema ma ka papa inoa o nā mea (nā keiki koke wale nō). Pili wale kēia i nā mea papa inoa o nā keiki , ʻo ia hoʻi, pono ʻoe e hoʻohui i ka papa no nā papa inoa pū kekahi.
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem and massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean noho amet erat nunc
- Eget porttitor lorem
Wehe i nā pōkā o kahi papa inoa a hoʻopili i kahi māmā margin
me ka hui pū ʻana o nā papa ʻelua, .list-inline
a .list-inline-item
.
- Lorem ipsum
- Phasellus iaculis
- Nulla volutpat
E hoʻolālikelike i nā huaʻōlelo a me nā wehewehe ʻana ma ka hoʻohana ʻana i nā papa i koho mua ʻia (a i ʻole nā hui semantic). No nā huaʻōlelo lōʻihi, hiki iā ʻoe ke hoʻohui i kahi .text-truncate
papa e ʻoki i ka kikokikona me kahi ellipsis.
- Nā papa inoa wehewehe
- Kūpono ka papa inoa wehewehe no ka wehewehe ʻana i nā huaʻōlelo.
- Euismod
-
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida and eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.
- ʻoki ʻia ka huaʻōlelo i ʻoki ʻia
- Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
- Nesting
-
- Papa kuhikuhi wehewehe
- Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.
ʻO ka typography pane e pili ana i ka scaling kikokikona a me nā ʻāpana ma o ka hoʻoponopono wale ʻana i ke kumu kumu i font-size
loko o ke ʻano o nā nīnau media. ʻAʻole hana ʻo Bootstrap i kēia no ʻoe, akā maʻalahi ke hoʻohui inā pono ʻoe.
Eia kekahi laʻana o ia mea ma ka hana. E koho i font-size
nā nīnau a me nā media āu e makemake ai.