Bootstrap 4 kort grensefarger

Kort er fleksible containere av bootstrap 4. De gir overskrift, tekst, kontekstuelle bakgrunnsfarger og mange andre gunstige alternativer. Det er hundrevis av bootstrap -klasser som brukes til å style elementene. For eksempel for å justere bakgrunnsfargen på elementene, "BG”Klasse er spesifisert med fargeklassene, for eksempel“BG-Primary”,“BG-Info", og mange flere.

Dette innlegget vil illustrere:

• Hvordan lage et kort i Bootstrap?
• Kort grensefarger i bootstrap
• Hvordan legge til grensefarge til kort i bootstrap?

Hvordan lage et kort i Bootstrap?

Bootstrap “kort”Klasse kan brukes til å lage et kort. Du kan spesifisere kortets overskrift, tekst og komponenter for kortet ved å bruke klassene, for eksempel "Korttittel”,“Kortkropp”, Og“Kortfoter”:

Linuxhint

Linuxhint -oppdrag

Vi gir de etterspurte teknologiske ferdighetene og kunnskapene for å utdanne verden.

Kontakt: xxx-xxx-xxxx

Produksjon

Kort grensefarger i bootstrap 4

Flere bootstrap -klasser brukes til å bruke fargerike grenser rundt kortet. Noen av dem er gitt nedenfor:

Grenseklasser	Beskrivelse
grensesvarte	Denne klassen bruker den gule fargen på grensen.
grensesikring	Denne klassen bruker den grønne fargen på grensen.
Border-Danger	Denne klassen bruker den røde fargen på grensen.
grenselys	Denne klassen bruker den lysegrå fargen på grensen.
grense-info	Denne klassen bruker den himmelblå fargen på grensen.
grense-primary	Denne klassen bruker den blå fargen på grensen.
grense-mørk	Denne klassen bruker den mørkegrå fargen på grensen.
grensen	Denne klassen bruker den grå fargen på grensen.

Hvordan legge til grensefarge til kort?

For en bedre forståelse, la oss legge til en “grensesikring”Klasse innenfor“”Element som har klasse“kort”For å se effekten.

Eksempel 1: Legge til grensefarge til et enkelt kort i Bootstrap

I dette eksemplet "grensesikring”Klasse brukes til å påføre den grønne grensen rundt kortet:

Linuxhint

Linuxhint -oppdrag

Vi gir de etterspurte teknologiske ferdighetene og kunnskapene for å utdanne verden.

Den gitte utgangen verifiserer at den grønne grensen har blitt brukt rundt kortet:

Sjekk ut eksemplet nedenfor som representerer andre klasser av grensefarge som brukes på kortene.

Eksempel 2: Legge til grensefarger til flere kort i Bootstrap

Her legger vi til grensefarger til flere kort i Bootstrap ved hjelp av de spesifiserte klassene:

Linuxhint

Linuxhint -oppdrag

Vi gir de etterspurte teknologiske ferdighetene og kunnskapene for å utdanne verden.

Linuxhint

Linuxhint -oppdrag

Vi gir de etterspurte teknologiske ferdighetene og kunnskapene for å utdanne verden.

Linuxhint

Linuxhint -oppdrag

Vi gir de etterspurte teknologiske ferdighetene og kunnskapene for å utdanne verden.

Produksjon

Eksempel 3: Legge til grensefarger til flere komponenter på et enkelt kort i Bootstrap

Brukere kan også bruke grensefarger rundt andre kortkomponenter. For eksempel har vi brukt grensefargeklassene på kortet, korthodet og kortfoten:

Linuxhint

Linuxhint -oppdrag

Vi gir de etterspurte teknologiske ferdighetene og kunnskapene for å utdanne verden.

Kontakt: xxx-xxx-xxxx

Produksjon

Det handler om å bruke kortets grensefarger i Bootstrap 4.

Konklusjon

“kort”Klasse brukes til å lage et kort i Bootstrap. For å legge til en kant rundt kortet, "grense”Klasse med fargeklassen implementeres, for eksempel“grense-primary”Klasse brukt til en blå kant,”Border-Danger”For en rød grense, og mange flere. Denne bloggen har forklart kortets grensefarger i Bootstrap 4.