Rubutun rubutu
Takaddun bayanai da misalai don rubutun Bootstrap, gami da saitunan duniya, kanun labarai, rubutun jiki, jeri, da ƙari.
Saitunan duniya
Bootstrap yana saita ainihin nuni na duniya, rubutun rubutu, da salon haɗin kai. Lokacin da ake buƙatar ƙarin sarrafawa, duba azuzuwan amfanin rubutu .
- Yi amfani da tari na rubutu na asali wanda ke zaɓar mafi kyau
font-family
ga kowane OS da na'ura. - Don ƙarin ma'aunin nau'in nau'in nau'in nau'in nau'in nau'in nau'in nau'in nau'in nau'in nau'in nau'in nau'in nau'in nau'in nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i nau'i)) mai haɗawa, muna ɗaukar tushen tushen burauzar
font-size
(yawanci 16px) don haka baƙi za su iya keɓance kuskuren burauzan su kamar yadda ake bukata. - Yi amfani da
$font-family-base
,$font-size-base
, da$line-height-base
sifofi kamar yadda tushen rubutun mu ya shafi<body>
. - Saita kalar mahaɗin duniya ta hanyar
$link-color
kuma yi amfani da layin layi kawai akan:hover
. - Yi amfani
$body-bg
don saitabackground-color
a kan<body>
(#fff
ta tsohuwa).
Ana iya samun waɗannan salon a _reboot.scss
ciki , kuma ana siffanta masu canjin duniya a cikin _variables.scss
. Tabbatar kun saita $font-size-base
ciki rem
.
Kanun labarai
Duk kanun HTML, <h1>
ta hanyar <h6>
, akwai su.
Jagora | Misali |
---|---|
|
h1. Bootstrap jagora |
|
h2. Bootstrap jagora |
|
h3. Bootstrap jagora |
|
h4. Bootstrap jagora |
|
h5. Bootstrap jagora |
|
h6. Bootstrap jagora |
.h1
Hakanan ana samun ta hanyar .h6
azuzuwan, don lokacin da kuke son daidaita salon rubutun rubutu amma ba za ku iya amfani da abubuwan HTML masu alaƙa ba.
h1. Bootstrap jagora
h2. Bootstrap jagora
h3. Bootstrap jagora
h4. Bootstrap jagora
h5. Bootstrap jagora
h6. Bootstrap jagora
Keɓance kanun labarai
Yi amfani da azuzuwan masu amfani da aka haɗa don sake ƙirƙirar ƙaramin rubutun jigon sakandare daga Bootstrap 3.
Babban nuni mai ban sha'awa Tare da ruɗewar rubutu na sakandare
Nuna kanun labarai
An tsara abubuwan kan al'ada don yin aiki mafi kyau a cikin naman abun cikin shafin ku. Lokacin da kuke buƙatar jagora don ficewa, yi la'akari da yin amfani da taken nuni - mafi girma, salon taken ra'ayi. Ka tuna cewa waɗannan jigogin ba su da amsa ta tsohuwa, amma yana yiwuwa a kunna girman rubutu masu amsawa .
Nunawa 1 |
Nunawa 2 |
Nunawa 3 |
Nunawa 4 |
Jagoranci
Sanya sakin layi ya fice ta ƙara .lead
.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est ba commodo luctus.
Abubuwan rubutu na layi
Salo don abubuwan HTML5 na layi na gama gari.
Kuna iya amfani da alamar alamar zuwahaskakawarubutu.
Wannan layin rubutun ana nufin a kula dashi azaman rubutun da aka goge.
Wannan layin rubutun ana nufin a bi da shi kamar yadda ba daidai ba ne.
Wannan layin rubutun ana nufin a kula dashi azaman ƙari ga takaddar.
Wannan layin rubutun zai fassara kamar yadda aka ja layi
Wannan layin rubutun ana nufin a kula dashi azaman bugu mai kyau.
An fassara wannan layin azaman rubutu mai ƙarfi.
An fassara wannan layin azaman rubutun rubutun.
.mark
Hakanan ana samun .small
azuzuwan don yin amfani da salo iri ɗaya kamar yadda <mark>
kuma <small>
yayin guje wa duk wani abin da ba'a so ba wanda alamun zai kawo.
Duk da yake ba a nuna a sama ba, jin daɗin amfani <b>
kuma <i>
a cikin HTML5. <b>
ana nufin haskaka kalmomi ko jimloli ba tare da isar da ƙarin mahimmanci ba yayin <i>
da galibin murya ne, kalmomin fasaha, da sauransu.
Abubuwan amfani rubutu
Canja jeri na rubutu, canzawa, salo, nauyi, da launi tare da kayan aikin rubutu da kayan aikin launi .
Taqaitaccen bayani
Salon aiwatar da abubuwan HTML <abbr>
don gajartawa da gajartawa don nuna faɗaɗɗen sigar akan hover. Gajarce suna da tsayayyen layi kuma suna samun siginan taimako don samar da ƙarin mahallin akan shawagi da masu amfani da fasahar taimako.
Ƙara .initialism
zuwa ga taƙaitaccen girman girman rubutu kaɗan.
attr
HTML
Blockquotes
Don faɗar tubalan abun ciki daga wani tushe a cikin takaddar ku. Kunna <blockquote class="blockquote">
kowane HTML a matsayin zance.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ƙididdigar ƙididdiga ta ƙididdigewa.
Sunan tushe
Ƙara wani <footer class="blockquote-footer">
don gano tushen. Kunna sunan tushen aikin a cikin <cite>
.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ƙididdigar ƙididdiga ta ƙididdigewa.
Daidaitawa
Yi amfani da kayan aikin rubutu kamar yadda ake buƙata don canza daidaitawar blockquote ɗin ku.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ƙididdigar ƙididdiga ta ƙididdigewa.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ƙididdigar ƙididdiga ta ƙididdigewa.
Lissafi
Mara salo
Cire tsoho list-style
da gefen hagu akan abubuwan jeri (yara nan take kawai). Wannan kawai ya shafi jerin abubuwa na yara kai tsaye , ma'ana kuna buƙatar ƙara ajin don kowane jeri na gida kuma.
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis a cikin pretium nisl aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculus neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat a
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
Layin layi
Cire harsasai na jeri kuma yi amfani da ɗan haske margin
tare da haɗin aji biyu, .list-inline
da .list-inline-item
.
- Lorem ipsum
- Phasellus iaculus
- Nulla volutpat
Daidaita lissafin bayanin
Daidaita sharuɗɗa da kwatance a kwance ta amfani da ƙayyadaddun azuzuwan tsarin grid ɗin mu (ko mixins). Don dogon sharuɗɗa, zaku iya ƙara .text-truncate
aji da zaɓi don yanke rubutu da ellipsis.
- Jerin bayanin
- Jerin bayanin ya dace don ma'anar kalmomi.
- Euismod
-
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id un mi porta gravida a eget metus.
- Malesuada porta
- Ka yi la'akari da abin da ake kira euismod.
- An yanke kalmar da aka yanke
- Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
- Gurasa
-
- Jerin ma'anar ma'ana
- Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.
Girman rubutu masu amsawa
Bootstrap v4.3 jiragen ruwa tare da zaɓi don ba da damar girman font mai amsawa, yana ba da damar rubutu don ƙara haɓaka ta halitta a cikin na'ura da girman tashar kallo. Ana iya kunna RFS$enable-responsive-font-sizes
ta canza canjin Sass zuwa true
da sake haɗa Bootstrap.
Don tallafawa RFS , muna amfani da mahaɗin Sass don maye gurbin kayanmu na yau da kullun font-size
. Za a haɗa girman nau'ikan rubutu masu amsawa zuwa calc()
ayyuka tare da gaurayawan rem
raka'o'in kallon kallo don ba da damar ɗabi'ar ƙira. Ana iya samun ƙarin game da RFS da tsarin sa akan ma'ajiyar ta GitHub .