Я создаю пользовательский интерфейс, который должен быть отзывчивым.У меня есть три кнопки, которые я хотел бы переместить в раскрывающемся списке, когда размер экрана пользователя диктует.
Моя проблема заключается в том, что помощник "show-on-med-and-down", который я использую для отображенияраскрывающееся меню всегда отображается независимо от размера экрана.
Работает помощник по материализации "hide-on-med-and-down", и содержимое скрыто правильно, но я не могу получить раскрывающийся списокотображать только , когда экран средний и вниз.
<div class="entry">
<div class="icon> icon for user </div>
<div class="name"> user name </div>
<ul class="hide-on-med-and-down">
<div class="button>yes</div>
<div class="button>no</div>
<div class="button>maybe</div>
</ul>
<ul class="show-on-med-and-down">
<div class="dropdown"> dropdown menu</div>
</ul>
</div>
Я ожидаю, что этот код покажет эксклюзивность кнопки выпадающего меню или трех кнопок в любом случае.Но, как вы можете видеть из моего прикрепленного снимка экрана, всегда отображается заполнитель раскрывающегося меню.
большой вид
маленький вид
Спасибо, что уделили время.