所有 Bootstrap 行都在一行中答案

【问题标题】：All Bootstrap rows are in one row所有 Bootstrap 行都在一行中
【发布时间】：2021-08-17 08:22:46
【问题描述】：

这是一个奇怪的问题。我不敢相信这会发生。怎么样？

<div className="dis">
      <div className="container">
        <div className="row">
          <div className="col-md-6">
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Optio
            soluta non ut, aliquid molestias possimus? Pariatur commodi
            doloremque laborum, vel, sequi quaerat consectetur quas ratione
            nihil culpa nulla est nobis.
          </div>
          <div className="col-md-6">
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Optio
            soluta non ut, aliquid molestias possimus? Pariatur commodi
            doloremque laborum, vel, sequi quaerat consectetur quas ratione
            nihil culpa nulla est nobis.
          </div>
        </div>
        <div className="row">
          <div className="col-md-6">
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Optio
            soluta non ut, aliquid molestias possimus? Pariatur commodi
            doloremque laborum, vel, sequi quaerat consectetur quas ratione
            nihil culpa nulla est nobis.
          </div>
          <div className="col-md-6">
            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Optio
            soluta non ut, aliquid molestias possimus? Pariatur commodi
            doloremque laborum, vel, sequi quaerat consectetur quas ratione
            nihil culpa nulla est nobis.
          </div>
        </div>
      </div> 
</div>

这正在发生。我有两行，但都符合我的网站。这是 react.js 项目。

有人知道吗？

提前致谢，

丹尼尔

【问题讨论】：

你能分享“dis”类的样式属性吗
感谢您的回复。当然，我可以，但只有背景颜色。 ``` 正文 { 背景颜色：#f2f2f2; } ```

标签： reactjs rows

【解决方案1】：

我没有发现问题。也许如果您可以共享文件或预览，我们可以检查 css 并通知您。

以另一种方式，从<div className="dis"> 中取出整个部分。在容器类样式上应用背景颜色。看看有没有帮助。

【讨论】：

感谢您的尝试，但没有。我删除了 dis 类，但同样的问题在这里

【解决方案2】：

在反应中

<div className="dis">
 <Container>
  <Row>
    <Col md={6}>a</Col>
    <Col md={6}>b</Col>
  </Row>
  <Row>
    <Col md={6}>c</Col>
    <Col md={6}>d</Col>
  </Row>
 </Container>
</div>

【讨论】：

感谢您的尝试，但还是一样。我安装了 react-bootstrap 包，但没有。我可以相信它会发生......