#css #reactjs #bootstrap-4 #bootstrap-modal #react-bootstrap
#css #reactjs #bootstrap-4 #bootstrap-модальный #react-bootstrap
Вопрос:
Мое приложение находится в React и использует css для стилизации. Я хотел добавить модальный в один компонент. Для этого я использую bootstrap. Но после добавления bootstrap в мой проект весь пользовательский интерфейс выглядит беспорядочно. Как я могу ограничить bootstrap только одним компонентом react.
Задача: Создание формы обратной связи с использованием bootstrap modal
Проблема: изменен bcz пользовательского интерфейса bootstrap
Требование: хотите ограничить загрузку только для компонента обратной связи!
Заранее спасибо!!!
Комментарии:
1. Я бы предположил, что это связано с тем, что bootstrap предполагает быть основным способом оформления сайта.
2. как я могу изменить его и ограничить только одним компонентом? Возможно ли это?
3. Я бы так не думал из-за того, как работает фреймворк. Стили CSS добавляются и применяются на уровне страницы. Для определения области видимости вам может потребоваться использовать другой инструмент, например styled-components или CSS modules . (Я также могу не знать о расширенной версии bootstrap)
4. Если вы использовали Next.js вы могли бы сделать это очень легко, но в вашем случае, я думаю, вам нужно выбрать другой вариант или переопределить стили bootstrap для компонентов, которые вы не хотите использовать, но это будет болезненно и не рекомендуется.