css - 如何编写 Bootstrap 媒体查询

Question

我不知道如何为 768*1024 和更大的设备编写 Bootstrap 媒体查询。我知道我可以使用@media 然后使用屏幕大小{}，但是我已经为每个标签按钮和其余元素编写了 css？有捷径吗？如果我必须写，那我怎么写。请有人向我提供 Bootstrap @media 查询的示例代码，以使我的应用程序在类似平板电脑的设备中响应。

提前致谢。

Answer 1

...根据设备的大小，有许多类可以帮助您在特定分辨率下实现您想要的效果。

首先在下载之前在bootstrap的定制器中你可以设置你自己的断点，然后根据类你可以使用-xs- -sm- -md- -lg- 以及你想使用它的类具体决议。

例如:

using class 'visible-xs-block' 意味着这个应用了 display:block 样式的类将只出现在 XS 设备中——这取决于你是否有自定义断点或使用默认值，它适用于最大 767px 的设备

编辑:如果您使用的是“visible-lg-block”类，则意味着该类仅适用于大型设备(≥1200 像素)。

当然你可以混合搭配你想要的类，你可以在同一个元素上使用这两个类，比如:

<div class="visible-xs-block visible-lg-block">

..这将使该元素仅在 xs 和 lg 设备上可见。

您可以通过在线帮助了解功能/等；

http://getbootstrap.com/css/