Ny karatra Bootstrap dia manome fitoerana votoaty mora azo sy azo avela miaraka amina karazany sy safidy maro.
About
Ny karatra dia fitahirizana votoaty mora azo sy azo itarina. Ahitana safidy ho an'ny lohapejy sy tongotra, votoaty isan-karazany, lokon'ny lafin-javatra manodidina, ary safidy fampisehoana mahery vaika. Raha zatra amin'ny Bootstrap 3 ianao, dia soloy ny takelaka, fantsakana, ary thumbnail taloha ny karatra. Ny fiasa mitovy amin'ireo singa ireo dia azo alaina ho kilasy modifier ho an'ny karatra.
OHATRA
Namboarina miaraka amin'ny marika sy fomba kely araka izay azo atao ny karatra, saingy mbola mahavita manome fanaraha-maso sy fanamboarana taonina. Namboarina tamin'ny flexbox, manolotra fampifanarahana mora izy ireo ary mifangaro tsara amin'ny singa Bootstrap hafa. Tsy manana azy ireo marginamin'ny alàlan'ny default izy ireo, noho izany dia ampiasao ny fampitaovana spacing raha ilaina.
Ity ambany ity ny ohatra momba ny karatra fototra misy votoaty mifangaro sy sakany raikitra. Tsy manana sakany raikitra hanombohana ny karatra, noho izany dia hofenoin'izy ireo ho azy ny sakan'ny singa ray aman-dreniny. Izany dia mora amboarina miaraka amin'ireo safidy habe isan-karazany .
Lohateny karatra
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Ny karatra dia manohana karazana votoaty marobe, ao anatin'izany ny sary, lahatsoratra, vondrona lisitra, rohy, sy ny maro hafa. Ireto ambany ireto ny ohatra amin'izay tohana.
-kevi-pitantanana
Ny fototry ny karatra dia ny .card-body. Ampiasao izany isaky ny mila fizarana misy padded ao anaty karatra ianao.
Ity dia lahatsoratra sasantsasany ao anatin'ny vatan'ny karatra.
Lohateny, lahatsoratra ary rohy
Ny lohatenin'ny karatra dia ampiasaina amin'ny fanampiana .card-titleamina <h*>marika. Toy izany koa, ny rohy dia ampiana sy apetraka eo akaikin'ny tsirairay amin'ny fanampiana .card-linkamin'ny <a>marika.
Ny dikanteny dia ampiasaina amin'ny fampidirana a .card-subtitleamin'ny <h*>marika. Raha apetraka ao anaty singa iray ny .card-titlesy ny entana dia mifanaraka tsara ny lohatenin'ny karatra sy ny dikanteny..card-subtitle.card-body
Lohateny karatra
dikanteny karatra
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
.card-img-topmametraka sary eo an-tampon'ny karatra. Miaraka amin'ny .card-text, dia azo ampiana lahatsoratra amin'ny karatra. Ny lahatsoratra ao anatiny .card-textdia azo alaina miaraka amin'ny marika HTML mahazatra.
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Afangaro ary ampifanaraho ireo karazana atiny maro mba hamoronana ny karatra ilainao, na atsipy ao daholo ny zava-drehetra. Aseho eto ambany ny endriky ny sary, ny sakana, ny endri-tsoratra, ary ny vondrona lisitra iray — nofonosina karatra mirefy raikitra avokoa.
Lohateny karatra
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Ny karatra dia mihevitra fa tsy voafaritra widthny fanombohana, ka ho 100% ny sakany raha tsy misy filazana hafa. Azonao atao ny manova izany araka izay ilaina amin'ny CSS mahazatra, kilasy grid, grid Sass mixins, na fitaovana.
Mampiasa marika marika
Amin'ny fampiasana ny tsipika, aforeto ny karatra amin'ny tsanganana sy andalana raha ilaina.
Misy safidy vitsivitsy amin'ny fiasana sary ny karatra. Misafidiana amin'ny fanampina "satroka sary" amin'ny faran'ny karatra iray, manarona sary miaraka amin'ny atiny karatra, na mampiditra fotsiny ny sary ao anaty karatra.
Satroka sary
Mitovy amin'ny lohapejy sy tongotra, ny karatra dia mety ahitana “satroka satroka” ambony sy ambany — sary eo ambony na ambany amin'ny karatra.
Avadiho ho lafin'ny karatra ny sary iray ary apetaho ny lahatsoratry ny karatrao. Miankina amin'ny sary, mety mila endrika na fitaovana fanampiny ianao.
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Lohapejy
Lohatenin'ny karatra faharoa
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Lohapejy
Lohateny karatra fahombiazana
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Lohapejy
Lohateny karatra loza
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Lohapejy
Lohatenin'ny karatra fampitandremana
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Lohapejy
Lohatenin'ny karatra fampahalalana
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Lohapejy
Lohateny karatra maivana
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Lohapejy
Lohatenin'ny karatra maizina
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Fampitaovana ny dikan'ny teknôlôjia manampy
Ny fampiasana loko hanampiana dikany dia manome famantarana hita maso ihany, izay tsy hampitaina amin'ireo mpampiasa teknolojia manampy - toy ny mpamaky efijery. Ataovy azo antoka fa ny fampahalalana voatondro amin'ny loko dia na miharihary amin'ny atiny (ohatra ny lahatsoratra hita maso), na ampidirina amin'ny fomba hafa, toy ny lahatsoratra fanampiny miafina miaraka amin'ny .sr-onlykilasy.
Sisintany
Mampiasà fampiasa sisintany hanovana ny border-colorkaratra fotsiny. Mariho fa azonao atao ny mametraka .text-{color}kilasy amin'ny ray aman-dreny .cardna ampahany amin'ny votoatin'ny karatra araka ny aseho etsy ambany.
Lohapejy
Lohatenin'ny karatra voalohany
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Lohapejy
Lohatenin'ny karatra faharoa
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Lohapejy
Lohateny karatra fahombiazana
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Lohapejy
Lohateny karatra loza
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Lohapejy
Lohatenin'ny karatra fampitandremana
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Lohapejy
Lohatenin'ny karatra fampahalalana
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Lohapejy
Lohateny karatra maivana
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Lohapejy
Lohatenin'ny karatra maizina
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Mixins utilities
Azonao atao ihany koa ny manova ny sisin-tany eo amin'ny lohatenin'ny karatra sy ny footer raha ilaina, ary esorinao background-colormiaraka amin'ny .bg-transparent.
Lohapejy
Lohateny karatra fahombiazana
Lahatsoratra ohatra haingana hanorina eo amin'ny lohatenin'ny karatra ary mandrafitra ny ampahany betsaka amin'ny atiny.
Fametrahana karatra
Ho fanampin'ny famolavolana ny atiny ao anaty karatra, ny Bootstrap dia misy safidy vitsivitsy amin'ny fametrahana andian-karatra. Amin'izao fotoana izao, tsy mbola mamaly ireo safidy fandrindrana ireo .
Vondrona karatra
Mampiasà vondrona karatra hamadika karatra ho singa tokana mifamatotra miaraka amin'ny tsanganana mitovy sakany sy haavony. Ampiasain'ny vondrona karatra display: flex;mba hahatratrarana ny habeny fanamiana.
Ity karatra ity dia manana lahatsoratra manohana eto ambany ho toy ny fitarihana voajanahary amin'ny atiny fanampiny.
Lohateny karatra
Ity dia karatra midadasika kokoa miaraka amin'ny lahatsoratra fanohanana etsy ambany ho fitarihana voajanahary mankany amin'ny atiny fanampiny. Ity karatra ity dia manana atiny lava kokoa noho ny voalohany mampiseho an'io hetsika mitovy amin'ny haavony io.
Andry karatra
Ny karatra dia azo alamina amin'ny tsanganana toy ny Masonry miaraka amin'ny CSS fotsiny amin'ny famenoana azy ireo amin'ny .card-columns. Ny karatra dia naorina miaraka amin'ny columnfananana CSS fa tsy flexbox ho an'ny fampifanarahana mora kokoa. Ny karatra dia milahatra avy any ambony ka hatrany ambany ary havia miankavanana.
Fampitandremana! Mety tsy mitovy ny halaviranao miaraka amin'ny tsanganana karatra. Mba hisorohana ny karatra miparitaka manerana ny tsanganana, dia tsy maintsy apetrakay ho display: inline-blocktoy column-break-inside: avoidny tsy vahaolana amin'ny bala izany.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lohateny karatra
Ity karatra ity dia manana lahatsoratra manohana eto ambany ho toy ny fitarihana voajanahary amin'ny atiny fanampiny.
Nohavaozina farany 3 min lasa izay
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.
Lohateny karatra
Ity karatra ity dia manana lohateny mahazatra sy andinin-tsoratra fohy eo ambaniny.
Nohavaozina farany 3 min lasa izay
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lohateny karatra
Ity dia karatra hafa misy lohateny sy lahatsoratra manohana eto ambany. Ity karatra ity dia manana atiny fanampiny mba hahatonga azy ho lava kokoa amin'ny ankapobeny.
Nohavaozina farany 3 min lasa izay
Ny tsanganana karatra koa dia azo itarina sy namboarina miaraka amin'ny kaody fanampiny. Aseho eto ambany ny fanitarana ny .card-columnskilasy mampiasa ny CSS mitovy amin'ny ampiasaintsika — tsanganana CSS — mba hamoronana andian-dahatsary mandray andraikitra hanovana ny isan'ny tsanganana.