0

Мне нужно сделать адаптив меню.

<nav class="midleheader">
        <div class="container ">
            <div class="row ">
                <div class="contend col col-xs-6 " style="width: 230px; height: 100%;">
                    <a class="navbar-brand" href="#">
                        <img src="/media/imgonline-com-ua-Replace-color-tc87FXAM0b.jpg" alt=""  class="w-100">
                    </a>
                </div>
                <div class="col custom_phone">
                
                    <div class="phone "  >
                        <a class="phone_1 col " href="tel:#">+38 (099) 99 9999</a>
                     </div>
                    
                    </div>
                </div>
                <div class="cart col col-xs-12  ">
                    <a class="navbar-brand" href="#"> 
                    <span class="cartname">Корзина</span><br>
                    <span class="whatinside">Корзина пуста</span>   
                    </a>
                </div>
            
            </div>
        </div>
    </nav>

введите сюда описание изображения

1 ответ 1

0

Не знаю, как у вас по дизайну, но вы задаете размеры своих полей параметрами экрана, например <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6"></div>, в bootstrap максимум 12 частей, позиционируйте, как вам нужно. Подробнее на https://bootstrap-4.ru/docs/4.0/layout/grid/

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.