<div class="row">
<div class="col-xs-7 col-sm-7 col-md-7 col-lg-7">
col-7
</div>
<div class="col-xs-7 col-sm-7 order-sm-1 col-md-7 col-lg-7">
col-7
</div>
<div class="col-xs-5 col-sm-5 col-md-5 col-lg-5">
col-5
</div>
</div>Что делать с версткой которую сделал верстальщик?
На backend это же все должно быть по идеи разбито на шаблоны при помощи того же pug.
c-searchbar, c-searchbar-menu, c-searchbar-dropdown, c-searchbar-megamenu, c-searchbar-megamenu-tags(бем с префиксами)<div class="c-searchbar">
...
<ul class="c-searchbar__menu c-searchbar-menu">
<li class="dropdown [ c-searchbar__dropdown c-searchbar-dropdown ]">
<a href="#" class="dropdown-toggle [ c-searchbar-menu__link ]" data-toggle="dropdown">Country <b class="caret"></b></a>
<div class="dropdown-menu [ c-searchbar__megamenu c-searchbar-megamenu ]">
<div class="container">
<div class="c-searchbar-megamenu__header">
<div class="c-searchbar-megamenu__tags c-searchbar-megamenu-tags">
<div class="c-searchbar-megamenu-tags__item">CZECH REPUBLIC <button type="button" class="remove-tag"></button></div>
<div class="c-searchbar-megamenu-tag__item">CONSUMERS ELECTRONICS</div>
</div>
</div>
</div>
</div>
</li>
<li class="c-searchbar-menu__item"></li>
</ul>
...
</div>c-searchbar-dropdown, а должен для этих целей использовать c-searchbar__dropdown. Если же компонент c-searchbar-dropdown не будет иметь правил позиционирования ,то можно(наверное) убрать класс c-searchbar__dropdown
display: none, затем когда при прокрутке добавляешь класс .top-nav-collapse элементу nav возвращаешь гамбургер через display: blocknav navbar-nav navbar-right navbar-border добавляешь айдишку mobileNavvar mobileNav = document.getElementById('mobileNav')
var navbarToggler = document.querySelector('.navbar-toggle')
mobileNav.addEventListener('click', onMobileNavLink)
function onMobileNavClick(e) {
if (e.target && e.target.nodeName === 'A') { // если нажал на ссылку в пределах меню
navbarToggler.click() // закрываешь меню
}npm install -g yonpm install -g webapp-generatornpm install -g gulp-cli boweryo webapp чтобы поднять каркас
@media only screen and (max-width: 659px) {
.sct_kontakt {
flex-direction: column-reverse;
}
}rem, а всё остальное внутри - в em.rem чтобы задать размер шрифта компонента. Размеры дочерних элементов компонента должны зависеть от размера шрифта самого компонента, а не корневого элемента, поэтому внутри компонента всё вem. font-size у класса .card__card_big