Ba cartes ya Bootstrap epesaka conteneur ya contenus flexible et extensible na ba variantes na ba options ebele.
Pene
Carte ezali récipient ya contenus flexible mpe extensible. Ezali na ba options ya ba têtes na ba footers, ba contenus ndenge na ndenge, ba couleurs ya fond contextuel, mpe ba options ya kolakisa ya makasi. Soki oyebi Bootstrap 3, ba cartes ezo remplacer ba panneaux na biso ya kala, ba puits, na ba miniatures. Fonctionnalité ya ndenge moko na ba composants wana ezali disponible comme ba classes modificateurs pona ba cartes.
Ndakisa
Ba cartes etongami na marquage mpe ba styles moke lokola ekoki, kasi ba réussir kaka kopesa tonne ya contrôle mpe personnalisation. Etongami na flexbox, bapesaka alignment facile mpe basangisaka malamu na ba composants mosusu ya Bootstrap. Bazali na te marginpar défaut, yango wana salela ba utilitaires ya espacement soki esengeli.
Awa na nse ezali na ndakisa ya karte ya moboko oyo ezali na makambo oyo esangani mpe na bonene oyo etɛngamá te. Ba cartes ezalaka na largeur fixe te pona kobanda, donc bakotondisa naturellement largeur mobimba ya élément parent na yango. Yango ezali facilement personnalisé na ba options na biso ya dimensionnement ndenge na ndenge .
Titre ya karte
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Bakarte esalisaka makambo ndenge na ndenge, na ndakisa bililingi, makomi, bituluku ya baliste, ba liens, mpe makambo mosusu. Awa na se ezali na bandakisa ya oyo esungami.
Nzoto
Bloc de construction ya carte ezali .card-body. Salelá yango ntango nyonso oyo ozali na mposa ya eteni oyo ezali na biloko oyo ezali na kati ya karte.
Oyo ezali mwa makomi na kati ya nzoto ya karte.
Mitó ya makambo, makomi, mpe ba liens
Batitre ya bakarte esalelamaka na kobakisáká .card-titlena <h*>elembo moko. Ndenge moko mpe, babakisaka ba liens mpe batyaka yango pembenipembeni ya mosusu na kobakisáká .card-linkyango na <a>elembo moko.
Ba sous-titres esalelamaka na kobakisa a .card-subtitlena <h*>tag. Soki .card-titlempe .card-subtitlebiloko yango etyami na .card-bodyeloko moko, motó ya likambo ya karte mpe motó ya likambo ya moke ekozala na molɔngɔ malamu.
Titre ya karte
Sous-titre ya carte
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
.card-img-topetie elilingi moko na likoló ya karte. Na .card-text, bakoki kobakisa makomi na karte. Texte na kati .card-textekoki pe kozala styled na ba balises HTML standard.
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Liste ya ba groupes
Salá ba liste ya makambo oyo ezali na kati ya karte oyo ezali na etuluku ya liste ya flush.
Cras kaka odio
Dapibus ac facilisis na kati ya
Vestibulum na eros
Ezali na esika oyo balobeli
Cras kaka odio
Dapibus ac facilisis na kati ya
Vestibulum na eros
Cras kaka odio
Dapibus ac facilisis na kati ya
Vestibulum na eros
Evier ya cuisine
Sangisa mpe kosangisa mitindo ya makambo mingi mpo na kosala karte oyo osengeli na yango, to kobwaka biloko nyonso kuna. Emonisami awa na nse mitindo ya bililingi, ba blocs, mitindo ya makomi, mpe etuluku ya liste —nyonso ezingami na karte ya bonene oyo ebongwani te.
Titre ya karte
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Ba cartes assumer pas spécifique widthya kobanda, donc ekozala 100% large sauf soki elobami ndenge mosusu. Okoki kobongola yango ndenge esengeli na CSS ya momesano, ba kelasi ya grille, ba mixins ya Sass ya grille, to ba utilitaires.
Kosalela bilembo ya grille
Na kosaleláká grille, zingá bakarte na makonzí mpe na milɔngɔ soki esengeli.
Traitement spécial ya titre
Na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires.
Okoki kobongola nokinoki ndenge ya kobongola makomi ya karte nyonso —na mobimba to biteni na yango ya sikisiki —na bakelasi na biso ya kobongola makomi .
Traitement spécial ya titre
Na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires.
Bakarte ezali na mwa makambo oyo okoki kopona mpo na kosala na bililingi. Poná kati na kobakisa “ba caps ya bililingi” na nsuka nyonso mibale ya karte, kozipa bililingi na makambo oyo ezali na karte, to kaka kotya elilingi yango na karte.
Ba caps ya bilili
Ndenge moko na mitó ya makambo mpe na nse ya lokasa, bakarte ekoki kozala na likoló mpe na nse “bakɛsi ya bililingi” —bililingi oyo ezali likoló to na nse ya karte.
Titre ya karte
Oyo ezali carte ya monene na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Dernière mise à jour 3 mins eleki
Titre ya karte
Oyo ezali carte ya monene na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Dernière mise à jour 3 mins eleki
Ba superpositions ya bilili
Bongola elilingi moko na fond ya karte mpe tyá makomi ya karte na yo. Na kotalela elilingi, okoki to te kozala na mposa ya ba styles to ba utilités ya kobakisa.
Titre ya karte
Oyo ezali carte ya monene na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Dernière mise à jour 3 mins eleki
Yebá ete makambo oyo ezali na kati esengeli te kozala monene koleka bosanda ya elilingi. Soki makambo ezali monene koleka elilingi makambo yango ekolakisama na libándá ya elilingi.
Ya kolala
Na kosaleláká kosangisa bakelasi ya grille mpe ya utilité, bakarte ekoki kosalama na ngámbo oyo ezali na ngámbo oyo ezali na boyokani na telefone mpe oyo ekoyanola. Na ndakisa oyo ezali awa na nse, tolongoli ba gouttières ya grille na .no-guttersmpe tosalelaka .col-md-*ba classes mpo na kosala carte horizontale na mdpoint de rupture. Ekoki kosɛnga kobongisa makambo mosusu na kotalela makambo oyo ezali na karte na yo.
Titre ya karte
Oyo ezali carte ya monene na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Dernière mise à jour 3 mins eleki
Mitindo ya bakarte
Bakarte ezali na makambo ndenge na ndenge oyo okoki kopona mpo na kobongisa makambo oyo ezali na nsima, bandelo na yango mpe langi na yango.
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Motó ya likambo
Titre ya carte secondaire
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Motó ya likambo
Titre ya carte ya succès
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Motó ya likambo
Titre ya carte ya danger
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Motó ya likambo
Titre ya carte ya likebisi
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Motó ya likambo
Titre ya carte ya info
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Motó ya likambo
Titre ya carte ya lumière
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Motó ya likambo
Titre ya carte ya molili
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Kopesa ndimbola na ba technologies ya kosunga
Kosalela langi mpo na kobakisa ndimbola epesaka kaka elembo ya komona, oyo ekopesama te na basaleli ya mayele ya kosunga – lokola batángi ya écran. Sala ete sango oyo elakisami na langi ezala polele uta na makambo yango moko (ndakisa makomi oyo ezali komonana), to ekotisama na nzela ya mayele mosusu, lokola makomi ya kobakisa oyo ebombami elongo na .sr-onlykelasi.
Ndelo
Salelá ba utilitaires ya ndelo mpo na kobongola kaka border-colorya karte moko. Yebá ete okoki kotya .text-{color}bakelasi na moboti .cardto na mwa ndambo ya makambo oyo ezali na karte ndenge emonisami awa na nse.
Motó ya likambo
Titre ya carte ya liboso
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Motó ya likambo
Titre ya carte secondaire
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Motó ya likambo
Titre ya carte ya succès
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Motó ya likambo
Titre ya carte ya danger
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Motó ya likambo
Titre ya carte ya likebisi
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Motó ya likambo
Titre ya carte ya info
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Motó ya likambo
Titre ya carte ya lumière
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Motó ya likambo
Titre ya carte ya molili
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Mixins ba utilités
Okoki mpe kobongola bandelo na motó ya karte mpe na nse ya lokasa soki esengeli, mpe ata kolongola yango background-colorna .bg-transparent.
Motó ya likambo
Titre ya carte ya succès
Mwa ndakisa ya mbangu makomi mpo na kotonga likoló na motó ya likambo ya karte mpe kosala eteni monene ya makambo ya karte.
Ndenge ya kosala bakarte
En plus ya styling ya contenus na kati ya ba cartes, Bootstrap ezali na mua ba options pona ko lancer ba série ya ba cartes. Mpo na ntango oyo, ba options oyo ya layout ezali nanu ko répondre te .
Bituluku ya bakarte
Salelá bituluku ya bakarte mpo na komonisa bakarte lokola eloko moko oyo ekangami na makonzí ya bonene mpe ya bosanda ekokani. Ba groupes ya carte ebandi na ebele mpe esalela display: flex;mpo na kokoma attaché na ba dimensions uniformes kobanda na smpoint de rupture.
Titre ya karte
Oyo ezali carte ya monene na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Dernière mise à jour 3 mins eleki
Titre ya karte
Carte oyo ezali na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires.
Dernière mise à jour 3 mins eleki
Titre ya karte
Oyo ezali carte ya monene na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Carte oyo ezali na contenus ya molayi kutu koleka oyo ya liboso mpo na kolakisa action wana ya hauteur égale.
Dernière mise à jour 3 mins eleki
Ntango ozali kosalela bituluku ya bakarte oyo ezali na nse ya lokasa, makambo na yango ekozala na molɔngɔ yango moko.
Titre ya karte
Oyo ezali carte ya monene na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Titre ya karte
Carte oyo ezali na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires.
Titre ya karte
Oyo ezali carte ya monene na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Carte oyo ezali na contenus ya molayi kutu koleka oyo ya liboso mpo na kolakisa action wana ya hauteur égale.
Ba decks ya ba cartes
Ozali na mposa ya ensemble ya ba cartes ya largeur mpe hauteur ekokani oyo ekangami moko na mosusu te? Salelá ba decks ya bakarte.
Titre ya karte
Oyo ezali carte ya molayi na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Dernière mise à jour 3 mins eleki
Titre ya karte
Carte oyo ezali na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires.
Dernière mise à jour 3 mins eleki
Titre ya karte
Oyo ezali carte ya monene na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Carte oyo ezali na contenus ya molayi kutu koleka oyo ya liboso mpo na kolakisa action wana ya hauteur égale.
Dernière mise à jour 3 mins eleki
Kaka ndenge ezalaka na ba groupes ya ba cartes, ba pied ya ba cartes na ba decks ekozala automatiquement na molongo.
Titre ya karte
Oyo ezali carte ya monene na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Titre ya karte
Carte oyo ezali na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires.
Titre ya karte
Oyo ezali carte ya monene na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Carte oyo ezali na contenus ya molayi kutu koleka oyo ya liboso mpo na kolakisa action wana ya hauteur égale.
Ba cartes ya grille
Salelá système ya grille Bootstrap mpe ba .row-colsclasses na yango mpo na ko contrôler combien de colonnes ya grille (enveloppé autour ya ba cartes na yo) oyo ozali kolakisa na molongo moko. Ndakisa, awa ezali .row-cols-1kotanda bakarte na likonzi moko, mpe .row-cols-md-2kokabola bakarte minei na bonene ekokani na kati ya milɔngɔ mingi, kobanda na esika ya kokabwana ya katikati tii.
Titre ya karte
Oyo ezali carte ya molayi na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Titre ya karte
Oyo ezali carte ya molayi na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Titre ya karte
Oyo ezali carte ya molayi na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires.
Titre ya karte
Oyo ezali carte ya molayi na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Bobongola yango na .row-cols-3mpe bokomona enveloppe ya minei ya carte.
Titre ya karte
Oyo ezali carte ya molayi na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Titre ya karte
Oyo ezali carte ya molayi na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Titre ya karte
Oyo ezali carte ya molayi na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires.
Titre ya karte
Oyo ezali carte ya molayi na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Ntango ozali na mposa ya bolai oyo ekokani, bakisá .h-100na bakarte. Soki olingi ba hauteurs égales par défaut, okoki ko setting $card-height: 100%na Sass.
Titre ya karte
Oyo ezali carte ya molayi na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Titre ya karte
Oyo ezali karte ya mokuse.
Titre ya karte
Oyo ezali carte ya molayi na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires.
Titre ya karte
Oyo ezali carte ya molayi na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Makonzí ya karte
Ba cartes ekoki kobongisama na ba colonnes lokola Maçonnerie.card-columns na kaka CSS na ko envelopper yango na . Ba cartes etongami na ba columnpropriétés ya CSS na esika ya flexbox mpo na alignment ya pete. Bazali kosala komande ya bakarte banda likoló tii na nse mpe na lobɔkɔ ya mwasi tii na lobɔkɔ ya mobali.
Mitó likoló! Kilomɛtrɛ oyo ozali kosala na makonzí ya karte ekoki kokesana. Mpo na kopekisa bakarte ebukana na kati ya makonzí, tosengeli kotya yango na display: inline-blockndenge column-break-inside: avoidezali naino solution oyo ekoki kopekisa masasi te.
Titre ya carte oyo ezo envelopper na ligne ya sika
Oyo ezali carte ya molayi na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires. Contenu oyo eza mua molayi.
Lorem ipsum dolor vanda amet, consectetur elit oyo ezo boma nzoto. Motango mobimba posuere erat a ante.
Titre ya karte
Carte oyo ezali na texte ya soutien na se lokola lead-in naturel na contenus supplémentaires.
Dernière mise à jour 3 mins eleki
Lorem ipsum dolor vanda amet, consectetur elit oyo ezo boma nzoto. Motango mobimba posuere erat.
Titre ya karte
Karte oyo ezali na motó ya likambo ya mbala na mbala mpe paragrafe mokuse ya makomi oyo ezali na nse na yango.
Dernière mise à jour 3 mins eleki
Lorem ipsum dolor vanda amet, consectetur elit oyo ezo boma nzoto. Motango mobimba posuere erat a ante.
Titre ya karte
Oyo ezali karte mosusu oyo ezali na motó ya likambo mpe makomi oyo ezali kosunga yango awa na nse. Carte oyo ezali na mwa makambo mosusu mpo na kosala ete ezala mwa molai na mobimba na yango.
Dernière mise à jour 3 mins eleki
Ba colonnes ya carte ekoki pe ko extendu pe ko personnaliser na mua code ya kobakisa. Elakisami awa na nse ezali bobakisi ya .card-columnskelasi na kosalelaka CSS moko oyo tosalelaka —makonzí ya CSS —mpo na kobimisa ensemble ya ba niveaux oyo eyanolaka mpo na kobongola motángo ya makonzí.