Twitter的引導屏幕大小的邏輯和最佳實踐

Question

我建立使用引導3.

這裏響應網站是桌面版（只有頭包括）：

以下是手機版：

使用Bootstrap 3實現佈局變化的概念是什麼？它是使用網​​格類還是媒體查詢？

我真的很感激簡短的例子。

謝謝

Answer 1

您可以使用響應實用工具 '隱LG'（在桌面上隱藏）和 '隱藏-SM'（平板電腦/手機隱藏）CSS類這樣的..

<div class="navbar navbar-inverse hidden-sm"> 
     <div class="container"> 
     .. menu here 
    </div> 
</div> 
<div class="hidden-lg text-center"> 
    <!--custom select menu here--> 
    <select><option>Contact Us</option><option>About</option><option>Link</option</select> 
</div> 

演示：http://www.bootply.com/70810

不過，較爲典型引導「事」是用nav-collapse崩潰在較小的設備上的菜單：

http://www.bootply.com/cskelly/70636