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