Html 自举流体网格

这是我第一次使用bootstrap，我有一些概念性的问题，关于如何操纵网格，使其在各种大小的屏幕上运行

我开发了这个可复制的示例来帮助描述我的问题：

Html:

无标题文件
营地
介绍
营地监测
营地位置和历史照片
更多信息
如需更多信息，请联系
使用条款
工具书类
合作机构和学术机构

标签是指附在这篇文章后面的bootstrap.min.css文件

我想在最大的屏幕上最多3列，我想框延伸到容器的末端（变宽）。当前，它将拉伸，直到所有框都在同一行中。达到3列后，我希望每个盒子都能伸展，这样它就可以覆盖整个容器的宽度

有没有办法控制有多少列

---

是否有方法控制框彼此折叠的顺序（即从3列到2列或从2列到1列）？

使用引导默认类进行媒体查询行为是您需要的：

<div id="sandbar-monitoring" class="col-lg-4 col-md-6 item col-xs-12">

• 在大屏幕上，每行有3个项目
• 在平板电脑上，每行有2个项目
• 在手机上，每行将有1项

---

为媒体查询行为使用引导默认类是您需要的：

<div id="sandbar-monitoring" class="col-lg-4 col-md-6 item col-xs-12">

• 在大屏幕上，每行有3个项目
• 在平板电脑上，每行有2个项目
• 在手机上，每行将有1项

---

为媒体查询行为使用引导默认类是您需要的：

<div id="sandbar-monitoring" class="col-lg-4 col-md-6 item col-xs-12">

• 在大屏幕上，每行有3个项目
• 在平板电脑上，每行有2个项目
• 在手机上，每行将有1项

---

为媒体查询行为使用引导默认类是您需要的：

<div id="sandbar-monitoring" class="col-lg-4 col-md-6 item col-xs-12">

• 在大屏幕上，每行有3个项目
• 在平板电脑上，每行有2个项目
• 在手机上，每行将有1项

---

太棒了！谢谢有没有一种方法可以控制两列框的顺序？你可以看看BS的网格系统中的偏移列：太棒了！谢谢有没有一种方法可以控制两列框的顺序？你可以看看BS的网格系统中的偏移列：太棒了！谢谢有没有一种方法可以控制两列框的顺序？你可以看看BS的网格系统中的偏移列：太棒了！谢谢当框为2列时，是否有方法控制框的顺序？您可以使用BS的网格系统查看偏移列：