hotwind
@hotwind
Будьте внимательны и вежливы...

Как в Bootstrap 5 задать такой класс ширины 50% для lg?

Подскажите! w-100 это ширина 100%. Мне нужно сделать только для lg 50%, такой класс не срабатывает w-lg-50!?
Как сделать?
  • Вопрос задан
  • 55 просмотров
Пригласить эксперта
Ответы на вопрос 2
самому создать класс w-lg-50 и использовать его
Ответ написан
delphinpro
@delphinpro
frontend developer
Евгений М,
документация не полная, там много чего нет.


Зато есть исходники. Куда уж полнее-то? Это же не ядро linux, много чего можно в сорцах найти/узнать/проверить.

Чтобы долго не искать, сразу определим, что это утилитарный класс, значит должен быть в соответствующем файле. Т.к. это ширина, то делаем в файле поиск по слову "width". Всего 8 совпадений. Сразу находим нужный нам участок кода

"width": (
    property: width,
    class: w,
    values: (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%,
      auto: auto
    )
),


Обращаем внимание, что в конфигурации отсутствует свойство responsive: true, и делаем однозначный вывод, что класса w-lg-50 в бутстрапе по умолчанию нет.

Но вам необязательно писать его самому.
Просто добавьте вышеуказанный параметр в конфиг и пересоберите стили бутсрапа.

"width": (
    responsive: true, // added
    property: width,
    class: w,
    values: (
      25: 25%,
      50: 50%,
      75: 75%,
      100: 100%,
      auto: auto
    )
),


Теперь у вас будут все респонсивные стили для ширин.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы