不同设备尺寸的不同引导响应网格答案

【问题标题】：Different Bootstrap Responsive Grids for Different Device Dimensions不同设备尺寸的不同引导响应网格
【发布时间】：2019-05-06 04:42:03
【问题描述】：

一个熟悉其他框架和平台的 Bootstrap 新手，我不禁对 Bootstrap 提供的响应式网格感到有些失望。具体来说，在设计将用于超小型到超大型设备的单一布局时，唯一的选择似乎是一列是占用自己的行还是多列；似乎没有固有的支持在小/超小屏幕上显示一种特定的布局，如果尺寸更大，则完全不同的div。您必须将所有内容拼凑成一个难以解读的布局块。

是否支持在同一个文档中提供不同的布局 DIV 并根据渲染设备的尺寸在它们之间切换？

我可能遗漏了什么。

Ty 提前。

【问题讨论】：

标签： twitter-bootstrap twitter-bootstrap-3 responsive-design bootstrap-4 grid

【解决方案1】：

您还可以使用显示属性在移动设备上显示某些 div。以下来自官方 Bootstrap 文档的代码将其隐藏在小于 lg 的屏幕上：

<div class="d-lg-none">hide on screens wider than lg</div>
<div class="d-none d-lg-block">hide on screens smaller than lg</div>

更多信息可以在这里找到： Bootstrap Doc - Display properties

【讨论】：

谢谢你，马克斯。我想这就是我要找的东西！