我问过自己（未测试）是否可以将bootstrap和materializecss集成到同一个项目中
由于这两个框架的目的相同，并且可能在某些类定义中重叠等。是否仍然可以组合这两个框架以扩展我的样式选项？
问问题
42151 次
6 回答
51
Materialize 不是基于 Bootstrap 也不仅仅是一个“可视层”，使用这两个框架可能会导致很多不兼容或至少重叠很多，因为它们的大部分功能都是多余的（网格、菜单、图标等）。
我个人使用这个项目Bootstrap 材料设计，它是 Bootstrap 的主题，效果很好。如果您不需要/想要 Bootstrap，您还可以使用Google 最近发布的Material Design Lite 。它是一个基于 Material Design 指南的轻量级 CSS 框架。与Angular Material或Polymer相比，Light也使用 Material Design 指南，但属于或需要其他 javascript 框架（即 Angular）。
于 2015-02-19T18:19:56.790 回答
13
我将 Materialize 添加到了我的引导网站，它运行良好，就像 JC Borlagdan 所说的那样，虽然有一些重叠。我只是使用网站检查器和（通常是右键单击>检查元素）然后关闭引导程序或物化属性以查看我更喜欢哪个并从我不喜欢的样式中删除样式。只要确保你得到了非缩小版本的物化和引导。
于 2015-04-29T05:32:23.210 回答
1
有可能，我已经在单个 Web 表单中测试了这两个框架，尽管控件的某些属性重叠，特别是对于<div>调用标签的容器类的标签。
对于网格，出于某种原因，它实际上仍然遵循引导程序（我不知道）。因为我尝试重新排列<script>标签的顺序，仍然引导网格仍然是网页/网络表单使用的网格。
于 2015-04-28T08:44:11.357 回答
1
您需要设置CSS文件的顺序，例如
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/yourStyle.css" rel="stylesheet"/>
现在您可以覆盖引导 css 类或 id，并可以制作自己的 CSS 样式。
于 2015-04-29T05:48:55.557 回答
1
您可以从 materialize.css 中删除 GRID，只需使用 BT GRID 编译自定义引导程序包，而无需按钮、标签等。
不要使用任何 BT jQuery 插件，然后首先在模板中编译和加载 bootstrap.min.css，然后是修改后的 materialize.css 和 materilize.min.js。
您还可以通过从 materialize.css 中挑选按钮、卡片或颜色并将它们插入到您的 template.css / style.css 中来仅集成按钮、卡片或颜色，以覆盖引导样式或将替代 css 类添加到您的 GRID。
于 2016-03-21T10:34:38.957 回答
0
我不确定这是否可能。Material Design是谷歌的新东西，其中包括响应式，而Bootstrap 库来自Twitter，似乎主要是面向响应式的。
查看此对话：http
://forums.oscommerce.com/topic/407994-material-design/?hl=material
我怀疑它们不会相互集成，并且会严重冲突，但也许是其他人有更多信息。
于 2016-03-25T11:05:54.057 回答