Как использовать только сетку bootstrap

Если вам нужно использовать только сетку Bootstrap без другой функциональности библиотеки, вам необходимо настроить компиляцию Bootstrap для получения только сетки. Вот как это можно сделать:

1. Слонируйте репозиторий Bootstrap с GitHub:

   git clone https://github.com/twbs/bootstrap.git
   

2. Установите зависимости, используя npm (если они еще не установлены):

   npm install
   

3. Перейдите в папку Bootstrap и найдите папку scss, где находятся файлы SCSS Bootstrap:

   cd bootstrap/scss
   

4. Создайте новый файл SCSS, например custom.scss, в котором вы будете импортировать только сетку Bootstrap. Вот как может выглядеть содержимое файла custom.scss:

   // Import Bootstrap grid system
   @import "functions";
   @import "variables";
   @import "mixins";
   @import "grid";
   

5. В файле выше мы импортировали файлы, отвечающие за сетку Bootstrap: functions, variables, mixins, grid.

6. После того как вы создали файл custom.scss с импортом только сетки Bootstrap, выполните компиляцию SCSS в CSS:

   npm run dist
   

7. После успешной компиляции в каталоге dist/css появятся файлы bootstrap.css и bootstrap.min.css, в которых будет скомпилированная только сетка Bootstrap без другой функциональности.

8. Подключите данный файл в ваш проект и начните использовать сетку Bootstrap в своем дизайне.

Таким образом, вы сможете использовать только сетку Bootstrap в своем проекте, не загружая дополнительные стили и компоненты из библиотеки.