不同设备尺寸的不同自举响应网格

时间:2018-12-04 17:16:54

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

Bootstrap的新手,他在其他框架和平台上经验丰富,我对Bootstrap提供的响应式网格感到有些失望。具体来说,在设计将用于超小型设备到超大型设备的单一布局时,唯一的选择似乎是一列将占据其自己的行还是多列。似乎并没有内在的支持,无法在小/超小屏幕上显示一种特定的布局,如果尺寸较大,则div会完全不同。您必须将所有内容都放入一个难以理解的布局块中。

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

我可能缺少一些东西。

请提前

1 个答案:

答案 0 :(得分: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