Bootstrap dodaje style na końcu head React

Question

Cześć,
Piszę stronkę przy pomocy React`a. Podpiąłem do tego bootstrapa i mam irytujący efekt. Mianowicie bootstrap sam wkleja style w sekcji head. Nie miałbym nic przeciw temu, gdyby nie fakt, że moje pliki, które są na końcu head zostają zastąpione przez domyślne style boostrap`a..... Tak wygląda struktura po odpaleniu aplikacji.

Może się mylę, ale wygląda to tak, jakby moduł bootstrapa dla react`a zawsze doklejał swoje style na końcu sekcji head. Jak w takim razie umieścić swoje pliki css poniżej tego, abym mógł modyfikować wygląd strony? 

Answer 1

A jak wgrywasz/includujesz tego bootstrapa? Podpiąć można na wiele sposobów, a więc? Bootstrap nie ma nic wspólnego z Reactem, to raz. Dwa, jak budujesz projekt, CRA czy jakiś Webpack? A trzy bierzesz tego bootstrapa z oficjalnej dokumentacji czy korzystasz jeszcze z jakiegoś dodatkowej blblioteki, która niby pozwala coś tam skleić?

Comments

Usunąłem z pliku index.js linię: 

import 'bootstrap/dist/css/bootstrap.min.css';

Korzystam w jsx z biblioteki react-bootstrap, ale core stylów bootstapa zaciągam z pliku, który umieściłem w public -> css

---

Importu swój plik własnych styli po prostu po imporcie Bootstrapa.