Это потому, что bootstrap не поддерживает класс h-99 и поэтому игнорирует его.Когда вы пишете это, это то же самое, что не писать какой-либо атрибут h-**.Bootstrap поддерживает только 25%, 50%, 75% и 100% source .Если вы хотите изменить размер на другое значение, вам нужно создать свой собственный класс размера.Класс Bootstrap h-100 такой же, как:
.h-100 {
height: 100% !important;
}
Если вы хотите реализовать класс h-99, вам просто потребуется:
.h-99 {
height: 99% !important;
}
Если вы ужесделал это, но это не сработало (и именно поэтому вы прибегли к использованию max-width вместо этого, что, как я полагаю, произошло), убедитесь, что ваше пользовательское свойство width не перезаписывается другим.Добавьте свой класс в конце тега class="" или добавьте тег !important в конце атрибута ширины css, который вы хотите применить.Я не могу порекомендовать использовать тег !important, потому что перезапись может стать проблемой, если вы повторно используете свои классы, поэтому избегайте его, когда это возможно (хотя стыдно использовать его, BStrap использует его в любом случае).
Редактировать. Обратите внимание: если вы укажете height: 25%; и он по-прежнему не занимает 25% родительского элемента, вам может потребоваться добавить position:relative; к самому родителю.Если родительский атрибут position не указан (значение для этого не имеет значения), процент его клиента не будет относительным по отношению к нему, а скорее к другому родительскому элементу.
Если вы хотите, чтобы элемент занимал 25% области просмотра, используйте единицы измерения CSS для области просмотра height: 25vh; (vh = viewport-height).