Html 使用col类的引导问题

我使用了bootstrap提供的col类，以使我的站点具有响应性，但列不起作用，充当行。 我以前使用过两次columns方法，它总是有效的

我已经在网上搜索过了，但找不到任何有用的答案

以下是我的HTML代码：

.h85{ 高度：85vh； } .行{ 边框底部：纯色2px黑色； 边框顶部：纯色2件套黑色； 保证金：2vh； } [类别*=列-]{ 右边框：实心2px绿黄色； 左边框：实心2px绿黄色； } .集装箱{ 边框：实心3px红色； } 记者 1. 5. 7. 11 12

---

我怀疑你导入bootstrap.css的方法不对，你可以再次检查路径

但这里有一个快速的解决方案：

.row{
   border-bottom: solid 2px black;
   border-top: solid 2px black;
   margin: 2vh;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: cennter;
   flex-wrap: unset;
}

---

我认为您需要使用所有断点

尝试中等分辨率：

<div class="row">
      <div class="col-lg-1 col-md-1">1</div>
      <div class="col-lg-4 col-md-4" id="repas-journalier">5</div>
      <div class="col-lg-2 col-md-2" id="star">7</div>
      <div class="col-lg-4 col-md-4" id="sport-journalier">11</div>
      <div class="col-lg-1 col-md-1">12</div>
</div>

如果使用引导4，则需要为所有断点添加col-lg-1 col-md-1 col-sm-1或col-1

---

您的代码似乎正常工作，但列断点将仅应用于至少为1200px的屏幕，因为您使用的是col lg-。供参考：

引导程序4 超小列-<576px 小柱sm-≥ 576px 中柱md-≥ 768px 大柱lg-≥ 992px 超大列xs-≥ 1200像素

引导程序3 超小列xs-<768px 小型装置≥ 768px 中型设备col md-≥ 992px 大型设备≥ 1200px试试这个：

.h85{ 高度：85vh； } .行{ 边框底部：纯色2px黑色； 边框顶部：纯色2件套黑色； 保证金：2vh； } [类别*=列-]{ 右边框：实心2px绿黄色； 左边框：实心2px绿黄色； } .集装箱{ 边框：实心3px红色； } 记者 1. 5. 7. 11 12

---

您使用的是哪个引导版本？当我运行你的代码片段并单击完整页面链接时，我建议你阅读有关网格系统的内容，然后它会按预期显示。在屏幕截图中，我使用了引导4的其他url。。。尝试使用你的url对你来说非常有用。