引導3 - 移動視圖

替換按鈕我使用引導3：引導3 - 移動視圖

<ul class="dropdown-menu btn-block"> 
     <li><a href="#">Reason 1</a></li> 
    <!-- desktop --> 
     <li><a href="#" class="visible-md visible-lg">Reason 2</a></li> 
    <!-- mobile --> 
     <li><a href="onClick:abc();" class="visible-xs visible-sm">Reason 3</a></li> 

    </ul>

什麼是引導程序的最佳實踐方法爲更換爲不同的設備元件（按鈕，DIV，文字ECC）？

來源

2015-05-28 Henry8

是什麼原因，他們的行爲是一樣的嗎？ – Mivaweb

不，「理由2」僅適用於PC，「理由3」僅適用於移動設備。 – Henry8

然後，如果您確實希望其他標記可見，那麼使用helper類'visible- *'和'hidden- *'將是最佳實踐。如果您只想執行其他佈局更改，請使用'media-queries'根據設備更改CSS樣式。 – Mivaweb

add .visible-lg for <li>reason2</li> and add .visible-sm for <li>reason3</li>。

來源

2015-05-31 08:25:13

引導3 - 移動視圖

回答

相關問題