Ba groupes ya liste ezali composante flexible pe ya makasi pona kolakisa série ya contenus. Bobongola mpe bobakisi yango mpo na kosunga kaka pene na makambo nyonso oyo ezali na kati.
Ndakisa ya moboko
Lisanga ya liste ya moboko mingi ezali liste oyo ezali na molongo te na biloko ya liste mpe bakelasi oyo ebongi. Tongela likolo na yango na ba options oyo elandi, to na CSS na yo moko soki esengeli.
Cras kaka odio
Dapibus ac facilisis na kati ya
Morbi leo risus
Porta ac consectetur oyo ezali na kati
Vestibulum na eros
Biloko oyo ezali kosala
Bakisa .activena a .list-group-itemmpo na kolakisa kopona oyo ezali kosala sikoyo.
Cras kaka odio
Dapibus ac facilisis na kati ya
Morbi leo risus
Porta ac consectetur oyo ezali na kati
Vestibulum na eros
Biloko oyo ezali na bolɛmbu
Bakisa .disabledna a .list-group-itemmpo emonana lokola ekangami. Yeba ete ba éléments mosusu na .disabledekosenga mpe JavaScript personnalisé mpo na ko désactiver entièrement ba événements na bango ya cliquage (par exemple, ba liens).
Cras kaka odio
Dapibus ac facilisis na kati ya
Morbi leo risus
Porta ac consectetur oyo ezali na kati
Vestibulum na eros
Ba liens na ba boutons
Salelá <a>s to <button>s mpo na kosala biloko ya etuluku ya liste oyo ekoki kosala na makambo oyo ezali na hover, oyo ekangami, mpe oyo ezali kosala na kobakisa .list-group-item-action. Tokaboli ba pseudo-classes oyo pona ko assurer que ba groupes ya liste oyo esalemi na ba éléments non interactifs (lokola <li>s to <div>s) epesa te affordance ya clic to tap.
Sala makasi osalela ba classes standard.btn awa te .
Na <button>s, okoki mpe kosalela disabledattribut na esika ya .disabledkelasi. Likambo ya mawa, <a>s esungaka te attribut oyo ekangami.
Kosukola yango
Bakisa .list-group-flushmpo na kolongola mwa bandelo mpe ba coins ya arrondi mpo na kolakisa biloko ya lisanga ya liste nsɔngɛ na nsɔngɛ na kati ya eloko ya moboti (ndakisa, bakarte).
Cras kaka odio
Dapibus ac facilisis na kati ya
Morbi leo risus
Porta ac consectetur oyo ezali na kati
Vestibulum na eros
Ya kolala
Bakisa .list-group-horizontalmpo na kobongola bobongisi ya biloko ya lisanga ya liste uta na vertical kino na horizontal na kati ya ba points de rupture nionso. Na lolenge mosusu, pona variante oyo ezo répondre .list-group-horizontal-{sm|md|lg|xl}pona kosala groupe ya liste horizontale kobanda na point de rupture wana's min-width. Sikawa bituluku ya liste horizontale ekoki kosangisama te na bituluku ya liste ya flush.
ProTip: Olingi biloko ya etuluku ya liste ya bonene ekokani ntango ezali horizontal? Bakisa .flex-fillna eloko mokomoko ya etuluku ya liste.
Cras kaka odio
Dapibus ac facilisis na kati ya
Morbi leo risus
Cras kaka odio
Dapibus ac facilisis na kati ya
Morbi leo risus
Cras kaka odio
Dapibus ac facilisis na kati ya
Morbi leo risus
Cras kaka odio
Dapibus ac facilisis na kati ya
Morbi leo risus
Cras kaka odio
Dapibus ac facilisis na kati ya
Morbi leo risus
Ba kelasi ya contexte
Salelá bakelasi ya contexte mpo na kosala liste ya biloko oyo ezali na fond mpe langi ya état.
Dapibus ac facilisis na kati ya
Eloko ya groupe ya liste primaire ya pete
Eloko ya groupe ya liste secondaire ya pete
Eloko ya groupe ya liste ya succès ya pete
Eloko ya groupe ya liste ya makama ya pete
Eloko ya etuluku ya liste ya likebisi ya pɛtɛɛ
Eloko ya groupe ya liste ya info ya pete
Eloko ya etuluku ya liste ya pole ya pɛtɛɛ
Eloko ya groupe ya liste ya molili ya pete
Ba kelasi ya contexte esalaka mpe na .list-group-item-action. Boyeba kobakisa ba styles ya hover awa oyo ezali te na ndakisa ya liboso. Lisusu esungami ezali l’ .activeEtat; kosalela yango mpo na kolakisa koponama ya mosala na eloko ya etuluku ya liste ya contexte.
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.
Na ba badges
Bakisa ba badges na eloko nyonso ya groupe ya liste mpo na kolakisa ba comptes oyo etangami te, activité, mpe makambo mosusu na lisalisi ya ba utilitaires mosusu .
Cras kaka odio14
Dapibus ac facilisis na kati ya2. 2
Morbi leo risus1. 1.
Contenu personnalisé
Bakisa pene na HTML nyonso na kati, ata mpo na bituluku ya liste oyo ezali na boyokani lokola oyo ezali awa na nse, na lisalisi ya ba utilitaires ya flexbox .
Salelá onglet plugin JavaScript —kotia yango mokomoko to na nzela ya bootstrap.jsfisyé oyo esangisi —mpo na koyeisa monene etuluku na biso ya liste mpo na kosala ba panneaux tabbables ya makambo ya esika.
Velit aute mollit ipsum ad dolor consectetur ya officia culpa kosala ngalasisi ya kozokisa nzoto na ntango mokuse. Voluptate deserunt vandi sunt nisi aliqua fugiat proident ea ut. Mollit voluptate reprehenderit occaecat nisi ad non minim tempor sunt voluptate consectetur exercitation id ut nulla. Ea et fugiat aliquip nostrud sunt incididunt consectetur culpa ya aliquip eiusmod dolor. Anim ad Lorem aliqua na cupidatat nisi eu nostrud kosala aliquip veniam minim.
Cupidatat quis ad sint excepteur laborum in esse qui. Et excepteur consectetur ex nisi eu do cillum ad laborum. Mollit et eu officia dolore sunt Lorem culpa qui commodo velit ex amet id ex. Officia anim incididunt laboris deserunt anim aute dolor incididunt veniam aute dolore do exercitation. Dolor nisi culpa ex ad irure in elit eu dolore. Ad laboris ipsum reprehenderit irure non commodo enim culpa commodo veniam incididunt veniam ad.
Ut ut do pariatur aliquip aliqua aliquip exercitation do nostrud commodo reprehenderit aute ipsum voluptate. Irure Lorem et laboris nostrud amet cupidatat cupidatat anim do ut velit mollit consequat enim tempor. Consectetur est minim nostrud nostrud consectetur irure labore voluptate irure. Ipsum id Lorem sit sint voluptate est pariatur eu ad cupidatat et deserunt culpa sit eiusmod deserunt. Consectetur et fugiat anim do eiusmod aliquip nulla laborum elit adipisicing pariatur cillum.
Irure enim occaecat labore sit qui aliquip reprehenderit amet velit. Deserunt ullamco ex elit nostrud ut dolore nisi officia magna sit occaecat laboris sunt dolor. Nisi eu minim cillum occaecat aute est cupidatat aliqua labore aute occaecat ea aliquip sunt amet. Aute mollit dolor ut exercitation irure commodo non amet consectetur quis amet culpa. Quis ullamco nisi amet qui aute irure eu. Magna labore dolor quis ex labore id nostrud deserunt dolor eiusmod eu pariatur culpa mollit in irure.
Kosalela ba attributs ya ba données
Okoki ko activer navigation ya groupe ya liste sans kokoma JavaScript moko te na ko préciser kaka data-toggle="list"to na élément moko. Salelá bizaleli oyo ya ba données na .list-group-item.
Na nzela ya JavaScript
Activer eloko ya liste ya ba tabbables na nzela ya JavaScript (esengeli ko activer eloko moko na moko ya liste moko moko):
Okoki ko activer eloko ya liste moko moko na ba façons ebele:
Effet ya kosila
Mpo na kosala ete panneau ya ba onglets esili, bakisa .fadena moko na moko .tab-pane. Panneau ya onglet ya liboso esengeli mpe kozala .showna kosala ete makambo ya ebandeli emonanaka.
Ba méthodes ya kosala
$().tab
Ezali ko activer élément ya eloko ya liste mpe conteneur ya contenus. Onglet esengeli kozala na soit a soit data-targetun hrefciblant node ya conteneur na DOM.
.tab('lakisa') .
Pona eloko ya liste oyo epesami mpe elakisaka panneau na yango oyo esangisi yango. Eloko mosusu nyonso ya liste oyo eponami liboso ekokóma oyo eponami te mpe etanda na yango oyo esangisi yango ebombami. Ezongi na mobengi yambo ete esika ya tab elakisama mpenza (ndakisa, yambo ete shown.bs.tablikambo esalema).
Makambo oyo esalemaki
Ntango ozali kolakisa tab ya sika, makambo yango ekobeta na molɔngɔ oyo elandi:
hide.bs.tab(na tab oyo ezali kosala lelo)
show.bs.tab(na tab oyo esengeli kolakisa)
hidden.bs.tab(na onglet actif ya liboso, ndenge moko na oyo ya hide.bs.tabévénement)
shown.bs.tab(na tab oyo euti kolakisa sika oyo ezali kosala sika, ndenge moko na oyo ya show.bs.tablikambo yango)
Soki onglet moko te ezalaki déjà activé, ba événements hide.bs.tabmpe hidden.bs.tabekobeta te.
Lolenge ya likambo
Ndimbola
lakisa.bs.tab
Evenement oyo ezo beta na tab show, mais avant onglet ya sika elakisama. Salelá event.targetmpe mpo na event.relatedTargetko cibler onglet active mpe onglet active ya kala (soki ezali) respectivement.
elakisami.bs.tab
Evenement oyo ezo beta na tab show sima ya tab moko elakisama. Salelá event.targetmpe mpo na event.relatedTargetko cibler onglet active mpe onglet active ya kala (soki ezali) respectivement.
bomba.bs.tab
Evenement oyo ezo beta tango onglet ya sika esengeli kolakisa (et donc onglet actif ya kala esengeli kobombama). Salelá event.targetmpe event.relatedTargetmpo na kopesa motuya na tab oyo ezali kosala sikoyo mpe onglet ya sika oyo ekosalema kala mingi te, na kolanda.
ebombami.bs.tab
Evenement oyo ezo beta sima ya onglet ya sika elakisami (mpe bongo onglet actif ya kala ebombami). Salelá event.targetmpe mpo na event.relatedTargetko cibler onglet active ya kala mpe onglet active ya sika, respectivement.