Коллапс Bootstrap 4 не работает при использовании во флексе
У меня проблемы с коллапсом Bootstrap 4. он отлично работает, если я не использую класс "d-flex" в моем теге формы.
Однако, если я использую «d-flex», форма отображается по умолчанию. при нажатии кнопки #reservas_button форма переключается на скрытую, а затем обратно на отображаемую.
<!--reservas-->
<div id = "reservas" class = "container d-flex flex-column flex-sm-row align-items-center align-items-sm-start">
<h2 id = "reservas_button" data-toggle = "collapse" href = "#reservas_form">RESERVAS</h2>
<form id = "reservas_form" class = "collapse d-flex flex-wrap">
...
</div>
<!--/reservas-->
Ответы 3
Не используйте d-flex в теге формы. это скорее всего коллапс перезаписи. Ваш фрагмент будет работать, если вы опустите d-flex.
Зачем вам снова нужен d-flex в форме? Он унаследует это уже от контейнера. Вы можете продолжать использовать d-flex в контейнере div. Я не вижу никаких изменений, если вы удалите его только из формы
Спасибо за ответ. Я отсутствовал несколько раз. Я проверю это. Благодарность!
Попробуйте добавить следующее:
style = "display:flex;"
вместо d-flex в твоем классе.
Поместите div с display flex в оболочку и сверните оболочку (другой div), работает хорошо.
И вот проблема, которую я пытаюсь найти. Я предпочитаю использовать встроенные функции из начальной загрузки. Если это невозможно, я могу попробовать использовать вместо этого собственный JQuery. Любое альтернативное решение?