Добавление запаса более 5 дюймов bootstrap

Question

в bootstrap, мы можем добавить маржу от 0 до 5, но я хочу добавить больше маржи, используя bootstrap, я пробовал следующий m-8, но он не работает

Answer 1

Вы можете добавить новые определения разделителей в переменную $ spacers, используя для этого свой собственный custom.s css, например:

// 1. import bootstrap's variables to override them
@import "../node_modules/bootstrap/scss/variables";

// 2. your overrides
$spacers: (
  0: 0,
  1: ($spacer * .25),
  2: ($spacer * .5),
  3: $spacer,
  4: ($spacer * 1.5),
  5: ($spacer * 3),
  6: ($spacer * 5)
)

// 3. bootstrap and its default variables
@import "../node_modules/bootstrap/scss/bootstrap";

в основном все, что вы можете найти в _variables.s css это актуально для вас, вы можете переопределить.

см. этот ответ для более подробной информации: { ссылка }

и о переопределении bootstrap переменных здесь: https://getbootstrap.com/docs/4.0/getting-started/theming/