react-bootstrap 和材质 ui 的外观和感觉答案

【问题标题】：react-bootstrap and material ui look and feelreact-bootstrap 和材质 ui 的外观和感觉
【发布时间】：2017-10-04 02:00:23
【问题描述】：

在我的网络应用程序中，我使用的是react-bootstrap。即，建立在 Bootstrap 之上的 React 组件。我想自定义 Bootstrap 的外观和感觉，我喜欢 Material design - 所以我搜索了一下，我找到了bootstrap-material-design。我想知道我是否可以使用它，AFAIK 它“只是”一个附加的 CSS 文件（？），并且它是否可以与 react-bootstrap 很好地配合使用。有人试过吗？

我也会对类似的项目感兴趣。我的目标是保留我的 react-bootstrap 代码库，但仍然拥有更精美的 UI。否则我会选择 Material UI。

【问题讨论】：

标签： css reactjs material-design material-ui react-bootstrap

【解决方案1】：

bootstrap-material-design 只使用 css 类，而 react-bootstrap 提供组件。

两者都使用类来定义样式。因此，应用什么样式归结为类特异性。这可能会给您带来意想不到的结果。 react-bootstrap 样式应该因为嵌套的 css 选择器而获得更多的特异性。

您可以将material-ui 与react-bootstrap 一起使用，并使用适合您用例的组件

【讨论】：