Question

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

Answer 1

只需npm install或yarn add boostrap包。...然后在全局css中只需导入boostrap-grid.css（或min ）从dist的{{1}}文件夹中

Answer 2

最简单的方法是从React public / index.html

引用仅网格CSS

<template>
  <fd-menu @select="goToPage">
    <fd-menu-list>
      <fd-menu-item value="1">
        Setting 1
      </fd-menu-item>
      <fd-menu-item value="2">
        Setting 2
      </fd-menu-item>
    </fd-menu-list>
  </fd-menu>
</template>

<script>
export default {
  methods: {
    goToPage(item)
    {
      this.$router.push('page' + item.value)
    }
  }
};
</script>

演示：https://codesandbox.io/s/bootstrap-4-react-hello-world-7b8xw

从引导仅导入网格系统以做出反应

2 个答案: