我正在用 React 制作我的第一個網站。我想使用 Bootstrap 的網格系統，但我真的不知道什么時候應該使用它，或者更廣泛地使用它。
網格系統在 App.js 之類的地方和每個單獨的組件中是否最好？只是在每個單獨的組件中？只是在 App.js 中？
uj5u.com熱心網友回復：
我使用 React-Bootstrap。我發現它很容易上手，而且你在 VS Code 中獲得的智能感知很棒。
要開始，只需：
npm install react-bootstrap
您可以在此處查看所有組件的串列。
然后，您只需將要使用的組件添加到匯入中。
import {
Navbar,
Container,
Nav,
NavbarBrand,
Row,
Col,
{...}
} from "react-bootstrap";
然后在您渲染的輸出中，例如：
return (
<Container>
<Navbar>
<NavbarBrand>Brand</NavbarBrand>
<Navbar.Collapse>
<Nav>
<NavItem>Item 1</NavItem>
</Nav>
</Navbar.Collapse>
</Navbar>
<Row>
<Col md={4}>
</Col>
<Col md={4}>
</Col>
<Col md={4}>
</Col>
</Row>
</Container>
);
uj5u.com熱心網友回復：
我們可以使用普通的引導程式來使用網格系統。我們必須根據要求在大多陣列件內部使用它，以使其具有回應性。
簡易選項： 還有其他選項可以在組件庫中使用引導程式。您可以使用Reactstrap或React-Bootstrap。這些庫提供了組件，您可以通過這些組件輕松創建具有反應和引導功能的網站。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/492269.html
上一篇：d-flex引導程式內的填充