我问自己（未经测试）是否可以将bootstrap和materializecss整合到同一个项目中
由于两个框架都是出于同样的目的，并且可能在某些类定义中重叠等，所以仍然可以组合这两个框架以扩展我的样式选项吗？
答案 0 :(得分：41)
Materialise不是基于Bootstrap，也不仅仅是视觉层＆＃34;，使用这两个框架可能会导致许多不兼容性或至少重叠，因为它们的大多数功能都是冗余的（网格，菜单，图标等）。
我个人使用这个项目Bootstrap material design，这是Bootstrap的一个主题，效果很好。 如果您不需要/想要Bootstrap，您还可以使用Google最近发布的Material Design Lite。它是一个基于Material Design准则的轻量级CSS框架。与Angular Material或Polymer相比，也使用了材料设计指南，但是部分或需要其他javascript框架（即Angular）。
答案 1 :(得分：10)
我将Materialise添加到我的bootstrap网站，它运行良好，就像JC Borlagdan所说虽然有一些重叠。我只是使用网站检查员和（通常右键单击＆gt;检查元素）然后只需关闭bootstrap或materialize属性，看看我更喜欢哪一个，并从我不喜欢的那个中删除样式。只需确保获得物化和引导的非缩小版本。
答案 2 :(得分：2)
您需要设置 CSS 文件的顺序，例如
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/yourStyle.css" rel="stylesheet"/>
现在你可以覆盖bootstrap css类或id，并可以创建自己的CSS样式。
答案 3 :(得分：1)
有可能，我已经在单个Web表单中测试了两个框架，但控件的某些属性重叠了，尤其是对于为标记调用容器类的<div>标记。
对于网格，由于某种原因，它实际上仍然跟着靴子，（我不知道）。因为我尝试重新排列<script>标签的顺序，所以仍然是网页/网络表单使用的网格。
答案 4 :(得分：1)
您可以从materialize.css中删除GRID，只需使用BT GRID编译自定义引导程序包，而不使用按钮，标签等。
不要使用任何BT jQuery插件，然后先在模板中编译并加载bootstrap.min.css，然后再修改materialize.css和materilize.min.js。
您还可以通过从materialize.css中选择它们来集成按钮，卡片或颜色，并插入template.css / style.css进行覆盖 引导样式或向GRID添加备用css类。
答案 5 :(得分：0)
我不确定这是可能的。 Material Design 是Google的新功能，其中包括响应式功能，而 Bootstrap库来自 Twitter ，似乎主要是响应式的取向。
看看这个对话：http://forums.oscommerce.com/topic/407994-material-design/?hl=material
我怀疑他们不会相互融合，并且会发生严重冲突，但也许其他人有更多的信息。