【问题标题】:Import only grid system from bootstrap to react从引导程序仅导入网格系统以做出反应
【发布时间】:2019-08-16 09:15:24
【问题描述】:

我只需要我的 react 应用程序中的 bootstrap 网格系统,因为 bootstrap 的默认样式会破坏我的样式。怎么才能只用网格系统?

【问题讨论】:

标签: reactjs bootstrap-4 react-bootstrap


【解决方案1】:

最简单的方法是从 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

【讨论】:

    【解决方案2】:

    只需npm installyarn add boostrap 包....然后在您的全局css 中只需从node_modules 中的dist 文件夹中导入boostrap-grid.css(或min

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-11-13
      • 2016-03-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-08-20
      相关资源
      最近更新 更多