語義UI（React）：通過在移動設備上更改爲水平的響應垂直菜單

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來做更復雜的事情。