Twitter bootstrap 针对不同设备尺寸的不同引导响应网格

Twitter bootstrap 针对不同设备尺寸的不同引导响应网格,twitter-bootstrap,twitter-bootstrap-3,responsive-design,bootstrap-4,grid,Twitter Bootstrap,Twitter Bootstrap 3,Responsive Design,Bootstrap 4,Grid,作为Bootstrap的新手,我对其他框架和平台很有经验,我不禁对Bootstrap提供的响应网格感到有点失望。具体地说,当设计一个将与超小型到超大型设备一起使用的单一布局时,唯一的选择似乎是一列将占用自己的行还是多列;在小屏幕/超小屏幕上显示一个特定的布局,如果尺寸更大,则显示一个完全不同的div,似乎没有内在的支持。你必须把所有东西都塞进一个难以破译的布局块中 是否支持在同一文档中提供不同的布局div,并根据渲染设备的尺寸在它们之间切换 我可能遗漏了什么 您还可以使用显示属性来显示某些div

作为Bootstrap的新手,我对其他框架和平台很有经验,我不禁对Bootstrap提供的响应网格感到有点失望。具体地说,当设计一个将与超小型到超大型设备一起使用的单一布局时,唯一的选择似乎是一列将占用自己的行还是多列;在小屏幕/超小屏幕上显示一个特定的布局,如果尺寸更大,则显示一个完全不同的div,似乎没有内在的支持。你必须把所有东西都塞进一个难以破译的布局块中

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

我可能遗漏了什么


您还可以使用显示属性来显示某些div,比如说仅在移动设备上。官方引导文档中的以下代码将其隐藏在小于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>
更多信息可在此处找到:

谢谢你,麦克斯。我想这就是我要找的!