bootstrap使用responsive.css折叠块

Question

此tutor显示了导航菜单的示例。如果浏览器分辨率允许，则显示所有项目如果我从移动设备查看页面，导航栏就会折叠。我怎么能用另一块内容做到这一点？

Answer 1

使用Bootstrap实现此目的有几种不同的方法。一种方法是使用响应实用程序类：http://twitter.github.io/bootstrap/scaffolding.html#responsive

您还可以使用Bootstrap媒体查询来控制元素的显示..

/* Large desktop */
@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { ... }