显示边框的行网格

Question

我正在使用 react-bootstrap 来显示网格布局。但是，行和列都显示网格和边框。没有一个 css 函数起作用。这是什么原因？

这是我的反应页面。

  return (
    <Container fluid>
      <Row>
        <div className="image-container">
          <img src={gameDetails.background_image} class="img-fluid" />
        </div>
      </Row>
      <Row>
        <Col>
          <ListGroup>
            <ListGroup.Item>
              <span
                style={{
                  fontFamily: "Staatliches",
                  fontSize: "20px",
                }}
              >
                Name:
              </span>{" "}
              {gameDetails.name}
            </ListGroup.Item>
          </ListGroup>
        </Col>
        <ListGroup>
          <ListGroup.Item>
            <span
              style={{
                fontFamily: "Staatliches",
                fontSize: "20px",
              }}
            >
              Release Date:
            </span>{" "}
            {gameDetails.released}
          </ListGroup.Item>
        </ListGroup>
        <Col></Col>
      </Row>
    </Container>
  );
}

export default GameDesc;

我试过使用CSS函数，比如

border: no

但是没有用。