Hvordan skjuler jeg bootstrap?
Hvordan skjuler jeg bootstrap?

Video: Hvordan skjuler jeg bootstrap?

Video: Hvordan skjuler jeg bootstrap?
Video: Responsive Design with Bootstrap by Neel Mehta 2024, Desember
Anonim

Bare legg til data-toggle=" kollapse " og et datamål til elementet for automatisk å tildele kontroll over ett eller flere sammenleggbare elementer. Datamålattributtet godtar en CSS-velger for å bruke kollapse til. Sørg for å legge til klassen kollapse til det sammenleggbare elementet.

Ganske enkelt, hvordan fungerer Bootstrap-kollaps?

Bootstrap Collapse attributter Bare legg til data-toggle=" kollapse " og et datamål til funksjonen for raskt å utnevne kontroll over et sammenleggbart element. Datamålattributtet mottar en CSS-velger for å legge til kollapse til. Sørg for å ta med i klassen kollapse til den sammenleggbare funksjonen.

I tillegg, hvordan gjør du en kollaps? Skjul eller utvide deler av et dokument

  1. Plasser markøren i overskriften.
  2. På Hjem-fanen klikker du på pilen i Avsnitt-gruppen.
  3. I Avsnitt-dialogboksen klikker du på avmerkingsboksen ved siden av Skjult som standard.
  4. Klikk OK.

Herav, hva er Bootstrap-kollapsklassen?

kollaps klasse indikerer et sammenleggbart element (en < div > i vårt eksempel); dette er innholdet som vil vises eller skjules med et klikk på en knapp. For å kontrollere (vise/skjule) det sammenleggbare innholdet, legg til data-toggle=" kollapse " attributt til et eller et element.

Hvordan kollapser du i CSS?

  1. Angi den kollapsende grensemodellen for to tabeller: #table1 { border-collapse: separate;
  2. Når du bruker "border-collapse: separate", kan egenskapen border-spacing brukes til å angi mellomrommet mellom cellene: #table1 {
  3. Når du bruker "border-collapse: collapse", vil cellen som vises først i koden "vinne": table, td, th {

Anbefalt: