Можно ли скрыть элемент в bootstrap 4 и чтобы при адаптации он появился?

Question

[Lex Fox]

Добрый вечер.
Можно ли скрыть элемент в bootstrap 4 и чтобы при адаптации он появился?
К примеру кнопка, которая будет появляться при адаптивности меньше 767px.
Такое вообще возможно в bootstrap 4 или я велосипед изобретаю? В интернете ничего подобного нет.

Answer 1

[Andrew]

<button class="d-none d-md-block"></button>

Comments

[Lex Fox]

<div class="d-xs-none btn-group">
  <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Кнопка
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
  </ul>
</div>

Это он скроет для всех расширений, кроме мобильной?

[Andrew]

Lex Fox, подправил ответ. хотя xs тоже может сработать

[Lex Fox]

Andrew, а если меньше 767? То есть чтобы виден был только меньше 767.
<button class="d-none d-lg-block"></button> так?

[Lex Fox]

Andrew, разобрался! спасибо.
https://bootstrap-4.ru/docs/4.0/utilities/display/ даже нашел. просто даже понятия не имел как это называется.

Answer 2

[Artem Ivanov]

https://www.w3schools.com/bootstrap4/bootstrap_uti...
ctrl + f ".d-block"

Comments

[Lex Fox]

спасибо!)))
https://bootstrap-4.ru/docs/4.0/utilities/display/ на офф сайте тоже нашел