Go thaepa
Ditokomane le mehlala ya go thaepa ya Bootstrap, go akaretšwa dipeakanyo tša lefase ka bophara, dihlogo, sengwalwa sa mmele, mananeo, le tše dingwe.
Dipeakanyo tša lefase ka bophara
Bootstrap e beakanya pontšho ya motheo ya lefase ka bophara, go thaepa, le mekgwa ya kgokagano. Ge go nyakega taolo ye ntši, hlahloba diklase tša mohola wa sengwalwa .
- Šomiša mokgobo wa fonte ya setlogo yeo e kgethago ye kaone
font-family
ya OS ye nngwe le ye nngwe le sedirišwa. - Bakeng sa tekanyo ya mohuta yeo e akaretšago kudu le yeo e fihlelelwago, re tšea gore modu wa go se fetoge wa sephephediši
font-size
(ka tlwaelo 16px) gore baeti ba kgone go tlwaetša dilo tša bona tša go se fetoge tša sephephediši ge go nyakega. - Šomiša
$font-family-base
,$font-size-base
, le$line-height-base
dika bjalo ka motheo wa rena wa go thaepa wo o dirišitšwego go<body>
. - Beakanya mmala wa kgokagano ya lefase ka bophara ka
$link-color
gomme o diriše methalo ya kgokagano fela go:hover
. - Šomiša
$body-bg
go beakanya abackground-color
godimo ga<body>
(#fff
ka go ikemela).
Mekgwa ye e ka hwetšwa ka gare ga _reboot.scss
, gomme diphetogo tša lefase ka bophara di hlalošitšwe go _variables.scss
. Kgonthiša gore o $font-size-base
tsenya rem
.
Dihlogo tša ditaba
Dihlogo ka moka tša HTML, <h1>
go fihla go <h6>
, di a hwetšagala.
Hlogo ya ditaba | Mohlala |
---|---|
|
h1. Hlogo ya bootstrap |
|
h2. Hlogo ya bootstrap |
|
h3. Hlogo ya bootstrap |
|
h4. Hlogo ya bootstrap |
|
h5. Hlogo ya bootstrap |
|
h6. Hlogo ya bootstrap |
.h1
ka .h6
diklase le tšona di a hwetšagala, bakeng sa ge o nyaka go swana le setaele sa fonte ya hlogo eupša o sa kgone go šomiša elemente ya HTML ye e amanago le yona.
h1. Hlogo ya bootstrap
h2. Hlogo ya bootstrap
h3. Hlogo ya bootstrap
h4. Hlogo ya bootstrap
h5. Hlogo ya bootstrap
h6. Hlogo ya bootstrap
Go dira gore dihlogo di be tša gago
Šomiša diklase tša mohola tše di akareditšwego go hlama gape sengwalwa se se nnyane sa hlogo ya bobedi go tšwa go Bootstrap 3.
Hlogo ya pontšho ya go makatša Ka sengwalwa sa bobedi se se fifetšego
Bontšha dihlogo
Dielemente tša hlogo ya setšo di hlamilwe go šoma gabotse ka namang ya diteng tša letlakala la gago. Ge o nyaka hlogo gore e tšwelele, nagana ka go diriša hlogo ya pontšho —setaele se segolo sa sehlogo seo se nago le dikgopolo go se nene. Dula o gopola dihlogo tše ga di arabele ka go ikemela, eupša go a kgonega go kgontšha bogolo bja difonte bjo bo arabelago .
Pontšo 1. |
Pontšo 2. |
Pontšo 3.1 |
Pontšo 4.1 |
Eta pele
Dira gore serapa se tšwelele ka go oketša .lead
.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus motšweletši wa dilo. Duis mollis, est yeo e sego ya commodo luxus.
Dielemente tša sengwalwa sa ka gare ga mothaladi
Setaele sa dielemente tše di tlwaelegilego tša HTML5 tša ka gare ga mothaladi.
O ka šomiša thepo ya leswao golaetšasengwalwa.
Mothaladi wo wa sengwalwa o reretšwe go swarwa bjalo ka sengwalwa seo se phumotšwego.
Mothaladi wo wa sengwalwa o reretšwe go swarwa bjalo ka wo o sa hlwego o nepagala.
Mothaladi wo wa sengwalwa o reretšwe go swarwa bjalo ka tlaleletšo go tokumente.
Mothaladi wo wa sengwalwa o tla tšweletša bjalo ka ge o thaletšwe
Mothaladi wo wa sengwalwa o reretšwe go swarwa bjalo ka mongwalo wo mobotse.
Mothaladi wo o fetoletšwe bjalo ka mongwalo wo motenya.
Mothaladi wo o fetoletšwe bjalo ka sengwalwa se se sekamego.
.mark
le .small
diklase le tšona di a hwetšagala go diriša mekgwa ye e swanago le <mark>
le <small>
mola go efoga ditlamorago dife goba dife tša semantiki tše di sa nyakegego tšeo dithepo di bego di tla di tliša.
Le ge e sa bontšhwa ka godimo, ikwe o lokologile go šomiša <b>
le <i>
ka go HTML5. <b>
e reretšwe go tšweletša mantšu goba dipolelwana ntle le go fetišetša bohlokwa bja tlaleletšo mola <i>
e le kudu ya lentšu, mareo a sethekniki, bjalobjalo.
Didirišwa tša sengwalwa
Fetoša go logaganya ga sengwalwa, fetoša, setaele, boima, le mmala ka didirišwa tša rena tša sengwalwa le didirišwa tša mebala .
Dikhutsofatšo
Stylized phethagatšo ya HTML ya <abbr>
elemente bakeng sa dikgutsufatšo le acronyms ho bontša atoloswa phetolelo ka hover. Dikhutsofatšo di na le thalela ya go se fetoge gomme di hwetša khesara ya thušo go fa seemo sa tlaleletšo go hover le go badiriši ba theknolotši ya go thuša.
Oketša .initialism
go khutsofatšo ya bogolo bja fonte bjo bonyenyane go se nene.
attr
HTML
Ditsopolwa tša go thibela
Bakeng sa go tsopola diboloko tša diteng go tšwa mothopong wo mongwe ka gare ga tokumente ya gago. Phuthelela HTML<blockquote class="blockquote">
efe goba efe bjalo ka setsopolwa.
Lorem ipsum dolor lula amet, consectetur adipiscing elit. Palo e feletseng posuere erat a ante.
Go reela mothopo leina
Oketša a <footer class="blockquote-footer">
bakeng sa go hlaola mothopo. Phuthelela leina la mošomo wa mothopo ka go <cite>
.
Lorem ipsum dolor lula amet, consectetur adipiscing elit. Palo e feletseng posuere erat a ante.
Go logaganya
Šomiša didirišwa tša sengwalwa ka moo go nyakegago go fetoša go logaganya ga setsopolwa sa gago sa go thibela.
Lorem ipsum dolor lula amet, consectetur adipiscing elit. Palo e feletseng posuere erat a ante.
Lorem ipsum dolor lula amet, consectetur adipiscing elit. Palo e feletseng posuere erat a ante.
Mananeo
E sa setaele
Tlosa list-style
moedi wa kamehla le wa nngele ho dintho tsa lenane (bana ba kapele feela). Se se šoma fela go dilo tša lenaneo la bana ba ka pela , go ra gore o tla swanelwa ke go oketša sehlopha bakeng sa mananeo afe goba afe ao a tsentšwego ka gare ga sehlaga gape.
- Lorem ipsum dolor dula amet
- Consectetur adipiscing ya maemo a godimo
- Palo e feletseng molestie lorem ka massa
- Facilisis ka pretium nisl aliquet
- Nulla volutpat aliquam ya go swana le yona
- Phasellus iaculis ya go swana le yona
- Purus sodales di-ultricies
- Vestibulum laoreet ya go rwala dithoto sem
- A k tristique libero volutpat ka
- Faucibus porta lacus e le 'ngoe e le 'ngoe
- Aenean dula amet erat nunc
- Eget porttitor lorem ya go rwala dilo
Ka gare ga mothaladi
Tloša dikulo tša lenaneo gomme o diriše seetša se sengwe margin
ka kopanyo ya diklase tše pedi, .list-inline
gomme .list-inline-item
.
- Lorem ipsum ya go swana le yona
- Phasellus ya go swana le yona
- Nula volutpat
Tlhaloso lenaneo lolamisiwa ga
Logaganya mareo le ditlhalošo ka go rapalala ka go šomiša diklase tše di hlalošitšwego e sa le pele tša tshepedišo ya rena ya keriti (goba di-mixin tša semantiki). Bakeng sa mabaka a matelele, o ka oketša ka boikgethelo .text-truncate
sehlopha go kgaola sengwalwa ka ellipsis.
- Mananeo a tlhaloso
- Lenaneo la tlhalošo le phethagetše bakeng sa go hlaloša mareo.
- Euismod
-
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit e seng mi porta gravida ka eget metus.
- Malesuada porta ya go tswalela
- Etiam porta sem malesuada ea mollis euismod.
- Polelo e kgaotšwego e kgaotšwe
- Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa feela dula amet risus.
- Go dira dihlaga
-
- Lenaneo la tlhalošo ye e tsentšwego ka gare ga sehlaga
- Posuere ya Aene, tortor sed ya thogako feugiat, mohlokomedi augue blandit moitlami.
Bogolo bja difonte bjo bo arabelago
Go tloga go v4.3.0, Bootstrap e romela ka kgetho ya go kgontšha bogolo bja difonte bjo bo arabelago, go dumelela sengwalwa go lekanya ka tlhago kudu go ralala le bogolo bja sedirišwa le bja lefelo la go lebelela. RFS e ka kgontšhwa ka go fetoša $enable-responsive-font-sizes
phetogo ya Sass go true
le go kgoboketša gape Bootstrap.
Go thekga RFS , re diriša mixin ya Sass go tšea sebaka sa font-size
dithoto tša rena tše di tlwaelegilego. Bogolo bja fonte bjo bo arabelago bo tla kgoboketšwa go ba calc()
mešomo ye e nago le motswako wa rem
le diyuniti tša lefelo la go lebelela go kgontšha boitshwaro bja go lekanya bjo bo arabelago. Tse dingwe ka ga RFS le peakanyo ya yona di ka hwetšwa polokelong ya yona ya GitHub .