Vi kjenner alle populariteten til React, og hvordan dette biblioteket har gjort utviklingsoppgaver enklere for frontend-utviklere. React er det mest populære front-end-biblioteket for å bygge brukergrensesnittet til applikasjonen. Bransjer reduserer sakte bruken av jQuery- og DOM-biblioteker for å bygge applikasjonen deres.
Når det gjelder å bygge en responsiv app, er CSS-rammeverk nyttige i markedet. Hvis du jobber som front-end-utvikler, er Bootstrap, Foundation og Bulma slags rammeverk ikke nytt for deg. De fleste bransjer bruker Bootstrap-rammeverket. Millioner av nettsteder kjører på bootstrap.
Her i denne bloggen skal vi diskutere hvordan du bruker React og Bootstrap, hvordan du legger til bootstrap i React-appen. Hvordan installere React bootstrap-pakken og hvordan bruke den i React-applikasjonen. La oss begynne med det...
Det er hovedsakelig tre måter å bruke Bootstrap på med React JS-appen.
Innholdsfortegnelse
Metode 1: Bruk Bootstrap CDN
Dette er en av de enkleste måtene å bruke bootstrap i React-appen din. Det beste med bootstrap CDN er ingen krav til installasjon eller nedlastinger. Du trenger bare å kopiere og lime inn en lenke i hoveddelen av appen din for å få den til å fungere. Nedenfor er lenken du trenger.
integrity='sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4' crossorigin='anonymous'>>
Hvis applikasjonen din trenger JavaScript-komponenter sammen med bootstrap, plasserer du taggen nederst på siden, like før den avsluttende taggen.
integrity='sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo'
crossorigin='anonym'>