Likarete tsa Bootstrap li fana ka setshelo sa litaba se feto-fetohang le se atolositsoeng se nang le mefuta e mengata le likhetho.
About
Karete ke sets'oants'o se tenyetsehang le se ka atolosoang. E kenyelletsa likhetho bakeng sa lihlooho le botlaaseng, mefuta e mengata e fapaneng ea litaba, mebala ea bokamorao, le likhetho tse matla tsa ponts'o. Haeba u tloaelane le Bootstrap 3, likarete li nka sebaka sa liphanele tsa rona tsa khale, liliba le li-thumbnails. Ts'ebetso e ts'oanang le likarolo tseo e fumaneha joalo ka litlelase tsa ho fetola likarete.
Mohlala
Likarete li hahiloe ka li-markup le setaele tse nyane kamoo ho ka khonehang, empa li ntse li khona ho fana ka taolo e ngata le ho e etsa. E hahiloe ka flexbox, e fana ka tlhophiso e bonolo 'me e tsoakane hantle le likarolo tse ling tsa Bootstrap. Ha ba na marginka ho sa feleng, kahoo sebelisa lisebelisoa tsa sebaka ha ho hlokahala.
Ka tlase ke mohlala oa karete ea motheo e nang le dikahare tse tsoakiloeng le bophara bo tsitsitseng. Likarete ha li na bophara bo tsitsitseng ba ho qala, kahoo ka tlhaho li tla tlatsa bophara bo felletseng ba karolo ea motsoali. Sena se etsoa habonolo ka likhetho tsa rona tse fapaneng tsa boholo .
Sehlooho sa karete
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Likarete li tšehetsa mefuta e mengata ea litaba, ho kenyeletsoa litšoantšo, mongolo, lihlopha tsa lenane, lihokelo, le tse ling. Ka tlase ke mehlala ea tse tšehelitsoeng.
'Mele
Sebaka sa mohaho oa karete ke .card-body. E sebelise neng kapa neng ha u hloka karolo e kentsoeng ka har'a karete.
Ena ke mongolo o mong ka har'a sehlopha sa karete.
Lihlooho, mongolo, le lihokelo
Litlotla tsa likarete li sebelisoa ka ho kenyelletsa .card-titletag <h*>. Ka mokhoa o ts'oanang, lihokelo li eketsoa le ho beoa haufi le tse ling ka ho kenyelletsa .card-linktag <a>.
Li-subtitles li sebelisoa ka ho kenyelletsa a .card-subtitleho <h*>tag. Haeba the .card-titlele .card-subtitlelintho li behiloe .card-bodynthong, sehlooho sa karete le subtitle li tsamaisana hantle.
Sehlooho sa karete
Subtitle ea karete
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
.card-img-tope beha setšoantšo hodimo ho karete. Ka .card-text, mongolo o ka eketsoa kareteng. Mongolo o ka hare .card-texto ka boela oa ngoloa ka li-tag tse tloaelehileng tsa HTML.
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Etsa lethathamo la lihlopha
Theha manane a litaba ka kareteng ka sehlopha sa lenane la flush.
Cras justo odio
Dapibus ac facilisis in
Vestibulum le eros
Featured
Cras justo odio
Dapibus ac facilisis in
Vestibulum le eros
Cras justo odio
Dapibus ac facilisis in
Vestibulum le eros
Sink ea kichineng
Kopanya 'me u bapise mefuta e mengata ea litaba ho theha karete eo u e hlokang, kapa u lahlele ntho e ngoe le e ngoe moo. Ka tlase ho bonts'itsoe mekhoa ea litšoantšo, li-blocks, mokhoa oa mongolo, le sehlopha sa lenane-tsohle li phuthetsoe ka karete ea bophara bo tsitsitseng.
Sehlooho sa karete
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Likarete ha li na taba e tobileng widthea ho qala, kahoo li tla ba bophara ba 100% ntle le ha ho boletsoe ka tsela e 'ngoe. U ka fetola sena kamoo ho hlokahalang ka CSS e tloaelehileng, lihlopha tsa marang-rang, li-mixins tsa grid Sass, kapa lisebelisoa.
Ho sebelisa grid markup
U sebelisa marang-rang, phuthela likarete ka likholomo le mela ha ho hlokahala.
Kalafo e khethehileng ea sehlooho
Ka mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling.
Likarete li kenyelletsa likhetho tse 'maloa tsa ho sebetsa ka litšoantšo. Khetha ho kenya "li-caps" tsa setšoantšo qetellong ea karete, ho koahela litšoantšo ka dikahare tsa karete, kapa ho kenya setšoantšo ka har'a karete.
Likatiba tsa litšoantšo
Ho tšoana le lihlooho le botlaaseng, likarete li ka kenyelletsa holimo le tlaase "li-caps" tsa setšoantšo - litšoantšo tse ka holimo kapa ka tlaase ho karete.
Sehlooho sa karete
Ena ke karete e batsi e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
E qetetse ho ntlafatsoa metsotsong e 3 e fetileng
Sehlooho sa karete
Ena ke karete e batsi e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
E qetetse ho ntlafatsoa metsotsong e 3 e fetileng
Likoahelo tsa setšoantšo
Fetolela setšoantšo bokamorao ba karete 'me u koahele mongolo oa karete ea hau. Ho itšetlehile ka setšoantšo, u ka 'na ua hloka kapa u se ke ua hloka mekhoa kapa lisebelisoa tse eketsehileng.
Sehlooho sa karete
Ena ke karete e batsi e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
E qetetse ho ntlafatsoa metsotsong e 3 e fetileng
Hlokomela hore litaba ha lia lokela ho ba kholo ho feta bolelele ba setšoantšo. Haeba litaba li le kholo ho feta setšoantšo, litaba li tla hlahisoa ka ntle ho setšoantšo.
E tshekaletseng
U sebelisa motsoako oa lihlopha tsa marang-rang le tsa lisebelisoa, likarete li ka etsoa ka mokhoa o ts'oanang ka mokhoa o bonolo le o arabelang. Mohlaleng o ka tlase, re tlosa li-gutters tsa grid .no-guttersle ho sebelisa .col-md-*litlelase ho etsa hore karete e otlolohe sebakeng sa mdkhefu. Litokiso tse ling li ka hlokahala ho ipapisitse le litaba tsa karete ea hau.
Sehlooho sa karete
Ena ke karete e batsi e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
E qetetse ho ntlafatsoa metsotsong e 3 e fetileng
Mekhoa ea likarete
Likarete li na le likhetho tse fapaneng tsa ho khetha semelo sa bona, meeli le mebala.
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Hlooho
Sehlooho sa karete ea bobeli
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Hlooho
Sehlooho sa karete ea katleho
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Hlooho
Sehlooho sa karete ea kotsi
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Hlooho
Sehlooho sa karete ea temoso
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Hlooho
Sehlooho sa karete ea lintlha
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Hlooho
Sehlooho sa karete e khanyang
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Hlooho
Sehlooho sa karete e lefifi
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Ho fetisa moelelo ho litheknoloji tse thusang
Ho sebelisa mebala ho eketsa moelelo ho fana feela ka pontšo ea pono, e ke keng ea fetisetsoa ho basebelisi ba theknoloji e thusang - joalo ka sebali sa skrine. Netefatsa hore tlhahisoleseding e hlahisitsweng ke mmala e ka ba e totobetseng ho tswa ho dikahare ka boyona (mohlala, mongolo o bonahalang), kapa e kenyeleditswe ka mekgwa e meng, e kang mongolo o tlatsetso o patilweng le .sr-onlysehlopha.
Moeli
Sebelisa lisebelisoa tsa moeli ho fetola border-colorkarete feela. Hlokomela hore o ka beha .text-{color}litlelase ho motsoali .cardkapa karoloana ea litaba tsa karete joalo ka ha ho bonts'itsoe ka tlase.
Hlooho
Sehlooho sa karete ea mantlha
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Hlooho
Sehlooho sa karete ea bobeli
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Hlooho
Sehlooho sa karete ea katleho
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Hlooho
Sehlooho sa karete ea kotsi
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Hlooho
Sehlooho sa karete ea temoso
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Hlooho
Sehlooho sa karete ea lintlha
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Hlooho
Sehlooho sa karete e khanyang
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Hlooho
Sehlooho sa karete e lefifi
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Lisebelisoa tsa motsoako
U ka boela ua fetola meeli ho hlooho ea karete le botlaaseng ha ho hlokahala, esita le ho tlosa bona background-colorka .bg-transparent.
Hlooho
Sehlooho sa karete ea katleho
Mongolo o mong o potlakileng oa ho aha holim'a sehlooho sa karete le ho etsa boholo ba litaba tsa karete.
Sebopeho sa karete
Ntle le ho hlophisa litaba ka har'a likarete, Bootstrap e kenyelletsa likhetho tse 'maloa tsa ho beha letoto la likarete. Hajoale, likhetho tsena tsa moralo ha li so arabele .
Lihlopha tsa likarete
Sebelisa lihlopha tsa likarete ho fana ka likarete e le ntho e le 'ngoe, e khomaretsoeng ka bophara bo lekanang le likholomo tsa bophahamo. Lihlopha tsa likarete li qala ka ho bokellana 'me li sebelisoa display: flex;ho hokahana le litekanyo tse tšoanang ho qala sebakeng sa smphomolo.
Sehlooho sa karete
Ena ke karete e batsi e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
E qetetse ho ntlafatsoa metsotsong e 3 e fetileng
Sehlooho sa karete
Karete ena e na le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling.
E qetetse ho ntlafatsoa metsotsong e 3 e fetileng
Sehlooho sa karete
Ena ke karete e batsi e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Karete ena e na le litaba tse telele ho feta tsa pele tse bontšang ketso e lekanang ea bophahamo.
E qetetse ho ntlafatsoa metsotsong e 3 e fetileng
Ha u sebelisa lihlopha tsa likarete tse nang le botlaaseng, litaba tsa tsona li tla ikamahanya le maemo.
Sehlooho sa karete
Ena ke karete e batsi e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
Sehlooho sa karete
Karete ena e na le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling.
Sehlooho sa karete
Ena ke karete e batsi e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Karete ena e na le litaba tse telele ho feta tsa pele tse bontšang ketso e lekanang ea bophahamo.
Likarolo tsa karete
U hloka sete ea likarete tse lekanang ka bophara le bophahamo tse sa hokeloang ho tse ling? Sebelisa likarete tsa karete.
Sehlooho sa karete
Ena ke karete e telele e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
E qetetse ho ntlafatsoa metsotsong e 3 e fetileng
Sehlooho sa karete
Karete ena e na le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling.
E qetetse ho ntlafatsoa metsotsong e 3 e fetileng
Sehlooho sa karete
Ena ke karete e batsi e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Karete ena e na le litaba tse telele ho feta tsa pele tse bontšang ketso e lekanang ea bophahamo.
E qetetse ho ntlafatsoa metsotsong e 3 e fetileng
Joalo ka lihlopha tsa likarete, botlaaseng ba likarete ka har'a li-decks li tla ikamahanya le maemo.
Sehlooho sa karete
Ena ke karete e batsi e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
Sehlooho sa karete
Karete ena e na le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling.
Sehlooho sa karete
Ena ke karete e batsi e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Karete ena e na le litaba tse telele ho feta tsa pele tse bontšang ketso e lekanang ea bophahamo.
Likarete tsa grid
Sebelisa sistimi ea grid ea Bootstrap le .row-colslitlelase tsa eona ho laola hore na ke likholomo tse kae (tse phuthetsoeng likareteng tsa hau) tseo u li bonts'ang mola ka mong. Mohlala, mona ho .row-cols-1ala likarete kholomong e le 'ngoe, le ho .row-cols-md-2arola likarete tse 'ne ka bophara bo lekanang ho pholletsa le mela e mengata, ho tloha sebakeng se mahareng ho ea holimo.
Sehlooho sa karete
Ena ke karete e telele e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
Sehlooho sa karete
Ena ke karete e telele e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
Sehlooho sa karete
Ena ke karete e telele e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling.
Sehlooho sa karete
Ena ke karete e telele e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
E fetole .row-cols-3'me u tla bona karete ea bone e phuthetsoe.
Sehlooho sa karete
Ena ke karete e telele e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
Sehlooho sa karete
Ena ke karete e telele e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
Sehlooho sa karete
Ena ke karete e telele e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling.
Sehlooho sa karete
Ena ke karete e telele e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
Ha o hloka bophahamo bo lekanang, eketsa .h-100likareteng. Haeba u batla bophahamo bo lekanang ka ho sa feleng, u ka beha $card-height: 100%Sass.
Sehlooho sa karete
Ena ke karete e telele e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
Sehlooho sa karete
Ena ke karete e khuts'oane.
Sehlooho sa karete
Ena ke karete e telele e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling.
Sehlooho sa karete
Ena ke karete e telele e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
Litšiea tsa karete
Likarete li ka hlophisoa ka likholomo tse kang Masonry ka CSS feela ka ho li phuthela ka .card-columns. Likarete li hahiloe ka columnthepa ea CSS sebakeng sa flexbox bakeng sa ho tsamaisana ha bonolo. Likarete li laeloa ho tloha holimo ho ea tlaase le ho tloha ho le letšehali ho ea ho le letona.
Hlokomela! Limaele tsa hau tse nang le likholomo tsa likarete li ka fapana. Ho thibela likarete hore li robehe likholomong, re tlameha ho li etsa display: inline-blockjoalo column-break-inside: avoidka ha li so ka li thibela likulo.
Sehlooho sa karete se fihlang moleng o mocha
Ena ke karete e telele e nang le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling. Litaba tsena li telele hanyane.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Posuere e feletseng e na le palo e kholo.
Sehlooho sa karete
Karete ena e na le mongolo o tšehetsang ka tlase e le tataiso ea tlhaho ho litaba tse ling.
E qetetse ho ntlafatsoa metsotsong e 3 e fetileng
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Posuere erat e felletseng.
Sehlooho sa karete
Karete ena e na le sehlooho se tloaelehileng le serapa se khuts'oane sa mongolo ka tlase ho eona.
E qetetse ho ntlafatsoa metsotsong e 3 e fetileng
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Posuere e feletseng e na le palo e kholo.
Sehlooho sa karete
Ena ke karete e 'ngoe e nang le sehlooho le mongolo o tšehetsang ka tlase. Karete ena e na le litaba tse ling tse tla etsa hore e be telele hanyane ka kakaretso.
E qetetse ho ntlafatsoa metsotsong e 3 e fetileng
Likholomo tsa karete le tsona li ka atolosoa le ho etsoa ka mokhoa o ikhethileng ka khoutu e 'ngoe e eketsehileng. Ho bontšitsoe ka tlase ke katoloso ea .card-columnssehlopha ka ho sebelisa CSS e tšoanang eo re e sebelisang - likholomo tsa CSS - ho hlahisa sehlopha sa lithaere tse arabelang bakeng sa ho fetola palo ea likholomo.