Všichni víme, jak je React oblíbený a jak tato knihovna usnadnila vývojové úkoly frontendovým vývojářům. React je nejoblíbenější front-end knihovna pro vytváření uživatelského rozhraní aplikace. Průmyslová odvětví pomalu omezují používání knihoven jQuery a DOM pro vytváření svých aplikací.
Pokud jde o vytváření responzivní aplikace, na trhu jsou užitečné rámce CSS. Pokud pracujete jako front-end vývojář, pak pro vás rámce Bootstrap, Foundation a Bulma nejsou novinkou. Většina odvětví používá rámec Bootstrap. Miliony webových stránek běží na bootstrapu.
Zde v tomto blogu budeme diskutovat o tom, jak používat React a Bootstrap, jak přidat bootstrap do aplikace React. Jak nainstalovat bootstrap balíček React a jak jej používat v aplikaci React. Začněme s tím…
Existují hlavně tři způsoby, jak používat Bootstrap s aplikací React JS.
Obsah
- Pomocí Bootstrap CDN
- Importujte Bootstrap jako závislost
- Nainstalujte balíček React-Bootstrap Package
Metoda 1: Použití Bootstrap CDN
Toto je jeden z nejjednodušších způsobů použití bootstrapu ve vaší aplikaci React. Nejlepší na bootstrap CDN není požadavek na instalaci nebo stahování. Aby to fungovalo, stačí zkopírovat a vložit odkaz do hlavní části vaší aplikace. Níže je odkaz, který potřebujete.
integrity='sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4' crossorigin='anonymous'>>
V případě, že vaše aplikace potřebuje komponenty JavaScript spolu s bootstrapem, umístěte značku do spodní části stránky těsně před uzavírací značku.
integrita='sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo'
crossorigin='anonymní'>