asp.net c＃面板屏幕大小更改

Question

我想刪除一個菜單，並將其替換爲另一個，當我的屏幕大小爲480px時。

我覺得對我來說最簡單的方法是創建兩個面板，然後設置菜單1爲假時，屏幕尺寸爲< 480像素 - 和菜單2真

當屏幕尺寸> 481px MENU2爲false， menu1爲true，你知道：

if (... < 480) 
{ 
menu1.Visible = false; 
menu2.Visible = true; 
} 

if (... > 481) 
{ 
menu1.Visible = true; 
menu2.Visible = false; 
} 

這是可能的。我使用引導，如果這給你一個更好的圖片。 謝謝。

Answer 1

簡單的引導程序解決方案可能會使用隱藏類。您的兩個菜單可能如下：

<div class="hidden-xs hidden-sm"> 

</div> 

<div class="hidden-md hidden-lg"> 

</div> 

第一個div將被隱藏在額外的小型和小型顯示器上。第二個div將隱藏在大中型顯示器上。如果你想更精確的屏幕尺寸，我會說使用CSS媒體查詢。