Семантический пользовательский интерфейс: свертывание вертикального меню (боковой панели) в планшетах и ​​мобильных устройствах - PullRequest
Новая
       14

Семантический пользовательский интерфейс: свертывание вертикального меню (боковой панели) в планшетах и ​​мобильных устройствах

0 голосов
/ 25 сентября 2018

Я строю HTML + CSS дизайн на основе Semantic UI, и я смог сделать практически любой элемент отзывчивым, используя класс stackable.

Однако левое вертикальное меню, которое я используюкак видимая боковая панель, не будет разрушаться в планшетном и мобильном вид

Результат, который мне нужен, в точности похож на страницу документов Semantic UI: боковая панель, видимая на настольном и альбомном планшетах и ​​скрытая, но переключаемая на портретном планшете и на мобильном устройстве.

Вот мой код: 

<div class="ui left vertical menu collapsible main sidebar visible desktop only">
    <div class="transparent-bg">
        <div class="ui center aligned basic sideheader segment">
            <h2 class="ui header">Dashboard</h2>
        </div>
        <a class="bold item">
            <i class="building outline icon"></i>Add Item
        </a>
        <a class="active item">
          Item 1
        </a>
        <a class="item">
          Item 2
        </a>
        <a class="item">
          Item 3
        </a>
    </div>
</div>

Есть идеи, как мне этого добиться?На официальной странице документации нет документации.

Большое спасибо!

1 Ответ

0 голосов
/ 25 сентября 2018

Я не работаю с semantic-ui, но вы проверили https://semantic -ui.com / modules / sidebar.html ?

...