Как добавить в меню гамбургера другие элементы?

Question

[AlinaMoskaluk]

Есть меню .
Есть кнопка бургер. При нажатие на неё появляется меню . Но при меньшем расширении нужно ещё в меню добавить кнопку и номер телефона . Как это сделать? Подскажите пожалуйста!

На col-md меню вот так :


А на col- нужно вот так ..

Comments

[Роман]

С такой постановкой вопроса - ответ "НИКАК!!!". Уж извиняйте)))

[AlinaMoskaluk]

Извините, но вроде бы доступно объяснила)

Нужно в меню бургера (menu-opened) , добавить номер телефона и кнопку. На расширении "col-md" не нужно добавлять (в меню бургера находится только "menu" ) а при "col-sm" нужно до "menu" добавить еще другие элементы- "phone" "btn-form". Не знаю как это сделать((

Это нужно в JS , но не знаю какую функцию...

[nhpmi]

AlinaMoskaluk, это не JS, это медиа-запросы в css. В документации бутстрапа https://getbootstrap.com/docs/4.5/layout/overview/...

// Example: Hide starting at `min-width: 0`, and then show at the `sm` breakpoint
.custom-class {
  display: none;
}
@include media-breakpoint-up(sm) {
  .custom-class {
    display: block;
  }
}

Ну у вас наоборот будет, сначала display block без запроса, потом none в запросе md.

[Steppp]

А причем здесь бургер? Какие функции бургера? Тоесть у тебя в самом бургере все меню? Ничего не понятно! Хоть код накидай в кодпен)

[AlinaMoskaluk]

Steppp,
На col-md меню вот так :


А на col- нужно вот так ..


Нужно добавить телефон и кнопку

Answer 1

[Kirill Makarov]

В классы которые тебе необходимо отобразить напиши d-block, d-md-none