#css #twitter-bootstrap #sass
Вопрос:
В настоящее время я импортирую только загрузочную сетку в свой файл scss @import "../../node_modules/bootstrap/scss/bootstrap-grid.scss" Сетка в основном работает, но для небольших экранов контейнер переполняется даже содержимым размером 1 пиксель.
Я видел в инструментах, что есть правое поле-42 пикселя. Сначала я подумал, что в этом проблема, но это не так.
Затем я импортировал весь загрузочный файл в свой scss, и переполнение исчезло. Затем я посмотрел на значения контейнера и заметил, что проблема заключалась в том, что box-sizing: border-box; его не хватало. После добавления он работает так, как ожидалось. Но мой вопрос в том, является ли это ошибкой, или я пропустил импорт чего-то, что я, возможно, захочу импортировать, потому что могут возникнуть другие проблемы?
Комментарии:
1. возможно, импорт корневого модуля был бы хорошей идеей getbootstrap.com/docs/5.0/content/reboot/#page-defaults 😉
Ответ №1:
Вам понадобится
_variables.scss
_mixins.scss
_normalize.scss
_reboot.scss
_grid.scss
чтобы заставить сетку работать.