bootstrap: подключение к react проекту

148
27 января 2020, 13:20

Подскажите пожалуйста как можно корректно подключить bootstrap библиотеку к react проекту?

установил bootstrap глобально на свой ПК:

npm install bootstrap -g

после чего он у меня появился в папке

c:\Users\...\AppData\Roaming\npm\node_modules\bootstrap\

Все замечательно, но как мне получить доступ к css файлам из моего react проекта?

Я понимаю, что можно поставить прямую ссылку, но мне кажется это неправильно

В package.json я библиотеку прописал

  "dependencies": {
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts": "2.1.8",
    "bootstrap":"4.3.1"
  },

Есть ли возможность в проекте делать как-то так:

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

?

Answer 1

Вам нужно установить бутстрап пакет npm i bootstrap, а затем можно импортировать стили в компонент с помощью строчки import 'bootstrap/dist/css/bootstrap.min.css'; (обычно вызывают один раз в корневом index.js.

READ ALSO
React Как лучше реализовать показ слайдера

React Как лучше реализовать показ слайдера

Итак создаю мобайл версию сайта и возник вопросЕсть slick слайдер который показывает доступные квесткомнаты(по урлу rooms) и мне нужно сделать...

128
Не срабатывает событие при нажатии на button

Не срабатывает событие при нажатии на button

по задумке при нажатии на кнопку логин, div call_container должен менять свой display на block вместо noneно js не срабатывает, только начал изучать js, не понимаю,...

149
Вопрос по работе рекурсивной функции

Вопрос по работе рекурсивной функции

Напишите функцию, которая создаёт вложенный список UL/LI (дерево) из объектаКак я понимаю функция createTreeText(obj) обрабатывает вложенные друг в друга...

151
не работает роутинг после деплоя на gh pages react app

не работает роутинг после деплоя на gh pages react app

Не могу понять почему не работает роутинг на деплое

160