如何在html中向所有引导div添加滚动条？

我正在为我的查看页面使用引导类。但我想在我的div中添加一个滚动条。它没有添加

<div class="col-md-12 row" style="overflow-x: auto;">
    <div class="col-md-2">
         <img class="pointer micro_otpt" src="https://picsum.photos/id/877/200/300" alt="user">
    </div>
    <div class="col-md-2">
         <img class="pointer micro_otpt" src="https://picsum.photos/id/877/200/300" alt="user">
    </div>
    <div class="col-md-2">
         <img class="pointer micro_otpt" src="https://picsum.photos/id/877/200/300" alt="user">
    </div>
     <div class="col-md-2">
         <img class="pointer micro_otpt" src="https://picsum.photos/id/877/200/300" alt="user">
    </div>
    <div class="col-md-2">
         <img class="pointer micro_otpt" src="https://picsum.photos/id/877/200/300" alt="user">
    </div>
    <div class="col-md-2">
         <img class="pointer micro_otpt" src="https://picsum.photos/id/877/200/300" alt="user">
    </div>
    <div class="col-md-2">
         <img class="pointer micro_otpt" src="https://picsum.photos/id/877/200/300" alt="user">
    </div>
 </div>

预期结果：-

我想要一个滚动条，这将有我的最后一个div。因为col-md-12将包含6个div，但第7个div应该是隐藏的

当前结果：-

---

第七分区在第二排。没有添加滚动条。

创建一个

CSS

文件，并将其包含在

HTML

文件的顶部，然后在

CSS

文件中编写以下代码：

body > div {
    overflow-X: scroll;
}

---

如果您使用的是

bootstrap4

，请更改此选项

将类名

col-md-12行

更改为

d-flex

<div class="d-flex" style="overflow-x: auto;">
    <div class="col-md-2">

---

只需将

高度

与

overflow-x:auto

@Roy其不工作的引导版本放在同一个

div

中？@LaljiTadhani v4.1.0对不起，我误读了这个问题。它应该是x而不是y。此外，Div的最小宽度属性为N像素，因为bootstrap可能会在引擎盖下使用flex使其不可能溢出。由于性能、自由度和总体专业质量，我从未在实际应用程序中使用bootstrap，但如果您没有时间，则可以使用它。只要知道Bootstrap不是一个好的开发工具，它只适合测试，如果你对网页设计很认真，那么你应该学习正确的CSS。