javascript - 语义用户界面( react ): Responsive vertical menu by changing to horizontal on mobile devices

Question

我正在使用垂直菜单(semantic ui react)。这是我的结构:

<Grid>
    <Grid.Column mobile={16} tablet={5} computer={5}>
        <div className='ui secondary pointing menu vertical compact inherit'>
            <a className='item'>
                Element
            </a>
        </div>
    </Grid.Column>
</Grid>

但我需要菜单在移动设备上变成水平图标菜单。是否有可能以这种方式响应？我的意思是在计算机上它应该是一个带有文本项的垂直菜单，而在移动设备上它应该是带有图标的水平显示...

Answer 1

我认为您正在寻找 stackable menu变化。此外，您可以使用 Grid 的 visibility对于更复杂的事情。