我想打开下拉链接左侧的下拉菜单,这样就可以在像iPhone这样的小屏幕上看到它.有一些标准的方法吗?
这是我的下拉列表定义 – 让一些设置(类)告诉下拉列表正确对齐,而不是左侧链接,这将是很好的.
- <div class="four wide mobile three wide computer column">
- <div class="ui compact dropdown doNotClose">
- <i class="dropdown icon"></i>
- <span class="ui tiny header">Filters</span>
- <div class="menu">
- <div class="item">
- <div class="ui toggle checkBox">
- <input type="checkBox" checked>
- <label>Acknowledge</label>
- </div>
- </div>
- <div class="item">
- <div class="ui toggle checkBox">
- <input type="checkBox" checked>
- <label>Active</label>
- </div>
- </div>
- </div>
- </div>
- </div>
解决方法
可以通过向下拉列表添加指向类来实现.
你可以在这里找到一个JSFiddle示例:http://jsfiddle.net/ypvpajrL/
资料来源:https://github.com/Semantic-Org/Semantic-UI/issues/3645