Bootstrap CSS добавляет нежелательные пробелы к обеим сторонам моего макета [закрыто] ⇐ CSS

[Anonymous]

Я пытаюсь использовать кнопку начальной загрузки в моем проекте React, импортируя Bootstrap CSS, как это: < /p>

Код: Выделить всё

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

и рендеринг простой кнопки:

Код: Выделить всё

Dark

Однако, как только я импортирую CSS Bootstrap, он добавляет нежелательное пробел (поля или прокладку) к обеим сторонам моей макета страницы, как показано ниже:
перед импортом Bootstrap css:
Введите изображение. CSS: < /p>
Введите описание изображения здесь < /p>
Я попытался осмотреть страницу с помощью инструментов разработчиков, но я не смог точно определить правило CSS, вызывая проблему, а также попытался искать глобальные стили в начальной загрузке, что может повлиять на макет, но не уверен, какая из них переопределяет. Проблема исчезает, но я тоже теряю стили начальной загрузки.>

Подробнее здесь: https://stackoverflow.com/questions/795 ... -my-layout