Hvordan endre bakgrunnsfarge på tabellrader eller individuelle celler i bootstrap

I Bootstrap brukes de forhåndsdefinerte klassene til å legge til forskjellige stylinger til elementene. Disse klassene hjelper utviklere til å skape responsive og visuelt tiltalende nettsteder. Mer spesifikt er stylingbord en av de verdifulle funksjonene i Bootstrap. Mens du jobber med tabeller, endrer en vanlig oppgave bakgrunnsfargen på rader eller individuelle celler.

Denne oppskrivningen vil beskrive:

• • Hvordan lage et bootstrap -tabell?
  • Hvordan endre bakgrunnsfargen på tabellrader i bootstrap?
  • Hvordan endre en individuell tabellcellefarge i bootstrap?

Hvordan lage et bootstrap -tabell?

For å lage en tabell i Bootstrap, prøv følgende trinn:

• • Først, legg til en "”Element for å lage et bord. Tilordne det “bord”,“Bordskravet”Og“bord-hover”Klasser.
    Deretter, for å spesifisere tabelloverskriften, bruk "”Tag, som består av“
    ”Element, som består av“”For raden og“" stikkord.
    For å angi den spesifikke tabellcellefargen, spesifiser en klasse for den aktuelle “

    ”Tagger for å spesifisere overskriftene. Etter overskriftsdelen, lag kroppsdelen ved å bruke “
    " del. Html S nei. Studentnavn Kurs 1 Beena Operativsystemer 2 Gifte seg Objektorientert programmering 3 Linda Datasystemer 4 Peter Grafisk design Som du kan se, er bootstrap -tabellen blitt opprettet med hell: Hvordan endre tabellen rader farge i bootstrap? De forhåndsdefinerte klassene brukes til å endre tabell- eller radfarger som forklart nedenfor: Klasser Beskrivelse “Tabell-primary” Denne klassen brukes til å indikere viktig handling. Det tilfører en blå farge til bordelementene. “bord-far” Denne klassen brukes til å representere den negative handlingen. Det bruker en rød farge på bordelementene. “Bordfunksjon” Den viser den positive handlingen og bruker grønn farge på tabellelementene. “bordvarsel” Den viser advarsler som krever litt handling og tilfører en gul farge til bordkomponentene. “Tabell-default” Denne klassen legger til hvit farge til tabellkomponentene og brukes til å vise raden som er valgt. “Tabell-sekundær” Det bruker en gråaktig farge på bordelementene og indikerer de mindre viktige aktivitetene. “Tabell-aktiv” Den bruker grå farge på tabellkomponentene på svevet. “Tabell-info” Det bruker en lyseblå farge for å indikere en nøytral informativ handling. “Bord-mørk” Det brukes til å lage et mørk grått bord. “Bordlys” Den tilfører grå farge og brukes til å spesifisere tabellrekkebakgrunn. Eksempel La oss implementere hver klasse til tabellrader: S nei. Bootstrap -klasse 1 Tabell-primary 2 bord-far 3 Bordfunksjon 4 bordvarsel 5 Tabell-default 6 Tabell-sekundær 8 Tabell-info 7 Tabell-aktiv 9 Bord-mørk 10 Bordlys Produksjon Hvordan endre fargen på individuelle celler i bootstrap? For å endre fargen på individuelle celler, kan flere klasser brukes, som: “BG-Info”Begynner en nøytral informativ handling og legger til en blå farge. “BG-Primary”Representerer den positive handlingen og bruker en blå farge. “BG-Danger”Indikerer den farlige handlingen og tilfører en rød farge. “BG-advarsel”Brukes til å legge til en gul farge og indikerer en advarselsmelding. “BG-suksess”Indikerer en positiv handling. For å justere fargen på den individuelle cellen, legg den nødvendige klassen til den spesifikke datacellen “<td>”. Sjekk ut eksemplet som demonstrerer den ovennevnte forklaringen. Eksempel: Endre fargen på en spesifikk tabellcelle i bootstrap I følgende eksempel: For å endre tabellrekkefargen, spesifiser klassen i "
    ”Element: S nei. Studentnavn Kurs 1 Beena Operativsystemer 2 Gifte seg Objektorientert programmering 3 Linda Datasystemer 4 Peter Grafisk design Produksjon Det handlet om å endre bakgrunnsfargen på tabellrader eller individuelle celler i bootstrap. Konklusjon For å endre bakgrunnsfargen på tabellrader, "bord-hover”Klasse kan brukes. Flere klasser kan brukes til å spesifisere radens bakgrunnsfarge, for eksempel "bord-far”,“bordvarsel”,“Bord-mørk”,“Tabell-primary", og mange flere. Mer spesifikt, for å endre den spesifikke tabellens cellefarge, flere klasser, for eksempel "BG-Danger”,“BG-suksess”, Og“BG-Info”Brukes. Denne oppskrivningen har forklart hvordan du endrer bakgrunnsfargen på tabellrader eller individuelle celler i bootstrap. « Hvordan finne den siste vanlige stamfaren til to grener? Hvordan tilordne flere linjer streng i PowerShell -konsollen » C skarp Hvordan bruke langt søkeord i C# Det lange nøkkelordet i C# kan definere en variabel som kan inneholde en signert heltallverdi mellom... Mathias Halvorsen Kraftskall Hva er trinnene for å kjøre eksterne kommandoer i PowerShell? De eksterne kommandoene kan utføres ved å aktivere PowerShell Remoting. For å aktivere PowerShell Re... Tobias Andresen Git Hvordan tvinge Git -kassen? For å tvinge Git-kassen, flytt til Git Root Repository> LS> Start> Git Legg til> Git Status> og Git ... Jørgen Christiansen PostgreSql PostgreSQL opprette indeks samtidig Lars Solberg Python Python Stringio Simen Stensrud Python Python skriv streng til fil Elias Aalerud Aasen Python Python Ikke alle argumenter som er konvertert under strengformatering Simen Ødegård R Hvordan lage en tom dataramme r Daniel Berntsen Docker Hvordan er volumene definert i Docker Compose Yaml? Tobias Andresen Salesforce Salesforce Apex - liste Elias Aalerud Aasen Windows OS Hvordan slå på eksternt skrivebord på PC Oskar Fossum Aws Hva er forskjellen mellom AWS Batch og Lambda? Daniel Berntsen Oracle Database Hvordan cache Oracle Sequence for å forbedre dataordboksressursene? Martin Berge