Html col对齐不适用于小屏幕

我创建了一行并放置了两列（col-md-2和col-md-10，col-sm-4）。但在移动视图中，内容溢出了画面

在正常屏幕中

小屏幕

代码部分

窗格A
佩伦特式居住者morbi tristique Sentecus et netus et malesuada fames
ac turpis egestas

窗格B
佩伦特式居住者morbi tristique Sentecus et netus et malesuada fames
ac turpis egestas

阅读引导文档。布局应该是这样的

<div class="container">
   <div class="row">
      <div class="col-md-2"></div>
      <div class="col-md-2"></div>
      <div class="col-md-2"></div>
      <div class="col-md-2"></div>
      <div class="col-md-2"></div>
   </div>
</div>

您是否在html的头部编写了视口元标记？是的@ChetanKalra@ChetanKalra你有团队查看器帐户吗？用CSS更新你的代码。在您的页面中，

强制溢出

类的行为是什么？为什么标记为Bootstrap 4。“行应放在容器中。只有列可以是行的直接子行。”请阅读。“并非所有问题都可以或应该在此处回答……避免回答那些……不清楚或缺乏能够唯一识别问题的具体细节的问题，……以前已经被问过并回答过多次”