如何在Semantic-UI菜单中切换移动桌面视图？对设备的响应仅适用于行和列吗？

Question

如何在语义UI中的主菜单中实现仅移动或仅桌面视图？请问响应于设备功能仅适用于行和列的作品作为陈述语义网的用户界面？任何人都可以建议我如何使用语义UI实现这一点,还是应该使用javascript来做同样的事情？

Answer 1

同时向菜单添加HTML类

工作演示

HTML

<div class="ui inverted menu grid">

  <div class="mobile only row">...</div>
  <div class="tablet only row">...</div>
  <div class="computer only row">...</div>

  </div>

对于填充问题,使用以下类的Ovrride CSS

.ui.menu.grid>.computer.only.row {
  padding:0;
}