Semantic-UI中的子菜单中的项目在移动视图中消失

Question

请看https://jsfiddle.net/797311vt/。

以下菜单在较宽视图中看起来很好，但最后一项（第四个）在移动视图中消失。它也消失与<div class="right stackable menu">。

<div class="ui stackable menu"> 
    <a href="#" class="item">Home</a> 
    <a href="#" class="item">Second</a> 
    <div class="right menu"> 
    <a href="#" class="item">Third</a> 
    <a href="#" class="item">Fourth</a> 
    </div> 
</div> 

如何在移动视图中显示所有四项显示的可堆叠菜单？

Answer 1

这是一个开放的错误为22月2016（链接：https://github.com/Semantic-Org/Semantic-UI/issues/3604）的

要走动的bug，你可以做到以下几点：https://jsfiddle.net/batrasoe/udpzkj7p/

<div class="ui stackable menu"> 
    <a href="#" class="item">Home</a> 
    <a href="#" class="item">Second</a> 
    <a href="#" class="right item">Third</a> 
    <a href="#" class="item" id="last-item">Fourth</a> 

    </div> 

它不使用右菜单，但将正确的类分配给菜单中倒数第二个元素，这会将元素的右侧推向右侧。

您还必须在最后一个元素上添加一个border-left属性。详情请看小提琴。