Hvordan legger du et mellomrom mellom to rader i et bootstrap -bord

Hvordan legger du et mellomrom mellom to rader i et bootstrap -bord

Tabeller er komponentene som hjelper til med å organisere dataene. Bootstrap tilbyr flere klasser som brukes til å lage forskjellige tabeller, for eksempel "Bord-grenseløs”Som skaper et grenseløst bord,”Bord-mørk”Som brukes til å lage et mørkfarget bord,”Bordskravet”Brukes til å lage bord med grenser, og mange flere. Mer spesifikt, “grensekollaps”Og“grense-avstand”Egenskaper brukes til å legge til plass mellom tabellradene.

Denne oppskrivningen vil beskrive:

    • Hvordan lage et bootstrap grenset bord?
    • Hvordan legge til plass mellom bordrappene i bootstrap?

Hvordan lage et grenset bord i bootstrap?

Det kantede bordet er opprettet ved hjelp av

element med klassen “bordskridelig”. Følgende er instruksjonene for å lage en tabell:

    • Først, legg til “
”Tag med“bord”Og“Bordskravet”Klasser.
  • “”Tag brukes til å lage overskriftsdelen, og“
  • ”Tag brukes til å spesifisere kroppsdelen.
  • ”Tag lager rader på tabellen,“
    ”Tag legger til overskrifter og“”Tag inkluderer tabelldata.

    Html


















    NavnYrke
    JohnProgramvare ingeniør
    OliverLærer


    Produksjon

    Hvordan legge til plass mellom bordrappene i bootstrap?

    For å legge til mellomrom mellom tabellradene, CSS “grensekollaps”Og“grense-avstand”Egenskaper brukes. CSS “Border-Collapse” -egenskaper med verdien tildelt som “skille”Holder bordgrensen atskilt. Mens egenskapen "grensen" gir plass mellom grensene.

    Stil "bord" -klasse

    .Tabell
    grensekollaps: separat;
    grense-avstand: 0 2px;


    Som du kan se i det undervernede bildet, har mellomrommene mellom tabellradene blitt lagt til med hell:


    Slik kan du legge et mellomrom mellom rader i bootstrap -bordet.

    Konklusjon

    For å legge til mellomrom mellom tabellradene, lag først en tabell ved hjelp av

    element. Legg til "tabellen" og "Bordskravet”Klasser til“
    ”Element for å gi generelle stiler og grenser til henholdsvis det. Legg deretter til mellomrommene mellom radene ved å bruke CSS “grense-avstand”Eiendom. Denne eiendommen fungerer med “grensekollaps”Eiendom som har verdi“ separat ”. Denne oppskrivningen har beskrevet hvordan du kan sette plass mellom radene i bootstrap-tabellen.