const nextTabElement = .querySelector('....'); // это следующая вкладка
const nextTabTrigger = new bootstrap.Tab(nextTabElement);
const button = .querySelector('....'); // Это ваша кнопка
button.addEventListener('click', event => {
nextTrigger.show(); // переключить на следующую вкладку
});const triggerTabList = document.querySelectorAll('#myTab button')
triggerTabList.forEach(triggerEl => {
const tabTrigger = new bootstrap.Tab(triggerEl)
triggerEl.addEventListener('click', event => {
event.preventDefault()
tabTrigger.show()
})
})Чтобы дочерние элементы были одной высоты (по максимальному в строке), им не нужно задавать display: flex.
.list
.list__item
.card.list__item будут одной высоты, но не имея визуальных стилей этого не видно, а карточки уже вне флекс потока и не выравниваются.display:flex для .list_item заставит дочерние .card занять всю высоту (т.к. align-items по умолчанию stretch).
в уроках по Yii всё разжёвывают без всякой консоли.
А с чего стоит?