【问题标题】: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 并通知您。

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

【讨论】:

  • 感谢您的尝试,但没有。我删除了 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 包,但没有。我可以相信它会发生......
猜你喜欢
  • 2019-02-21
  • 1970-01-01
  • 2011-06-24
  • 2021-01-15
  • 2018-06-26
  • 1970-01-01
  • 2016-05-14
  • 2019-05-25
  • 1970-01-01
相关资源
最近更新 更多