【发布时间】:2019-08-16 09:15:24
【问题描述】:
我只需要我的 react 应用程序中的 bootstrap 网格系统,因为 bootstrap 的默认样式会破坏我的样式。怎么才能只用网格系统?
【问题讨论】:
-
只有网格系统是什么意思?你在使用 React-Bootstrap 吗?
标签: reactjs bootstrap-4 react-bootstrap
我只需要我的 react 应用程序中的 bootstrap 网格系统,因为 bootstrap 的默认样式会破坏我的样式。怎么才能只用网格系统?
【问题讨论】:
标签: reactjs bootstrap-4 react-bootstrap
最简单的方法是从 React public/index.html 引用仅网格的 CSS
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap-grid.min.css" />
演示:https://codesandbox.io/s/bootstrap-4-react-hello-world-7b8xw
【讨论】:
只需npm install 或yarn add boostrap 包....然后在您的全局css 中只需从node_modules 中的dist 文件夹中导入boostrap-grid.css(或min)
【讨论】: