将引导容器的大小调整为常规HTML引导

为什么引导容器组件的大小与常规HTML引导不同，不确定是否缺少一个道具

这是我得到的输出，我得到了这两个： （侧面的空白来自容器边距）

反应代码：

<Container>
  <Row className="row">
    <Col className="col-lg-3 col-md-4">
      <div
        style={{ width: "100%", height: "100vh", backgroundColor: "blue" }}
      ></div>
    </Col>
    <div className="col-lg-9 col-md-8 tab-container">
        <div
            style={{ width: "100%", height: "100vh", backgroundColor: "red" }}
        ></div>
    </div>
  </Row>
</Container>

常规HTML代码：

<div class="container">
    <div class="row">
        <div class="col-lg-3 col-md-4">
            <div style="width: 100%; height: 100vh; background-color: blue"></div>
        </div>
        <div class="col-lg-9 col-md-8">
            <div style="width: 100%; height: 100vh; background-color: red"></div>
        </div>
    </div>
</div>

---

有人能帮我为React版本提供与常规版本相匹配的正确样式/修复吗？

你已经缩小了一张截图。我用css做了很多尝试，结果是这个lol。谢谢！你在一张截图中放大了。我用css做了很多尝试，结果是这个lol。谢谢！