Wir alle wissen, wie beliebt React ist und wie diese Bibliothek Frontend-Entwicklern Entwicklungsaufgaben erleichtert hat. React ist die beliebteste Front-End-Bibliothek zum Erstellen der Benutzeroberfläche der Anwendung. Branchen reduzieren langsam die Verwendung von jQuery- und DOM-Bibliotheken zum Erstellen ihrer Anwendungen.

Wenn es darum geht, eine responsive App zu erstellen, sind CSS-Frameworks auf dem Markt nützlich. Wenn Sie als Front-End-Entwickler arbeiten, sind Bootstrap, Foundation und Bulma-Frameworks nichts Neues für Sie. Die meisten Branchen verwenden das Bootstrap-Framework. Millionen von Websites laufen auf Bootstrap.

Hier in diesem Blog besprechen wir, wie man React und Bootstrap verwendet und wie man Bootstrap zur React-App hinzufügt. So installieren Sie das React-Bootstrap-Paket und verwenden es in der React-Anwendung. Fangen wir damit an...

Es gibt hauptsächlich drei Möglichkeiten, Bootstrap mit der React JS-App zu verwenden.

Inhaltsverzeichnis

• Verwenden von Bootstrap CDN
• Importieren Sie Bootstrap als Abhängigkeit
• Installieren Sie das React-Bootstrap-Paket

Methode 1: Bootstrap CDN verwenden

Dies ist eine der einfachsten Möglichkeiten, Bootstrap in Ihrer React-App zu verwenden. Das Beste am Bootstrap-CDN ist, dass keine Installation oder Downloads erforderlich sind. Sie müssen lediglich einen Link kopieren und in den Kopfbereich Ihrer App einfügen, damit es funktioniert. Unten finden Sie den Link, den Sie benötigen.

 integrity='sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4'  crossorigin='anonymous'> 

Falls Ihre Anwendung neben dem Bootstrap auch JavaScript-Komponenten benötigt, platzieren Sie am Ende der Seite das Tag direkt vor dem schließenden Tag.

  
 Integrity='sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo'   
 crossorigin='anonymous'>