语义UI下拉 - 如何将其定位到打开连杆的左侧？

Question

我想打开的下拉菜单，链接打开下拉列表的左侧，所以它是像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> 

Answer 1

它可以通过增加pointing类下拉做到这一点。

您可以在这里找到一个的jsfiddle例如：http://jsfiddle.net/ypvpajrL/

来源：https://github.com/Semantic-Org/Semantic-UI/issues/3645

Answer 2

添加这种风格旁边的菜单类

style="right: 0;left: auto;" 

例子;

<div class="ui simple dropdown icon button" style="margin:0;"> 
     <i class="calendar icon"></i> 
      Date 
     <div class="menu" style="right: 0;left: auto;"> 
     <a class="ui item">Today</a> 
     <a class="ui item">Yesterday</a> 
     </div> 
    </div>