将 Angular Materials 的单个功能与 Bootstrap 相结合答案

【问题标题】：Combining a single feature from Angular Materials with Bootstrap将 Angular Materials 的单个功能与 Bootstrap 相结合
【发布时间】：2019-11-17 23:50:11
【问题描述】：

我目前正在使用 Bootstrap 开发我的 Angular 7 网络应用程序。

我没有使用 Bootstrap 的风格，大部分时间我用我的个人 css 覆盖它。

现在我正在创建一个组件，我需要可拖动的元素，因为我查看了this Angular Material feature。

将 Angular Materials 的这一单一功能与 Bootstrap 4 结合起来会有什么问题吗？

我读到的另一个线程不推荐，因为样式不同等。但是如果我无论如何都不使用原始样式并且它只是一个功能怎么办？

【问题讨论】：

标签： angular twitter-bootstrap-3 angular-material

【解决方案1】：

Bootstrap 和 Angular Material 之间不存在兼容性问题。我在几个项目中将两者混合在一起，没有任何问题。

您想使用 npm install -s bootstrap 安装 Bootstrap，然后将其导入到您的样式中。仅导入您要使用的功能。

例如：

https://github.com/reactgular/bookmarks/blob/015bfdbbbf8530e8e6296f86867ae8130f7191b8/src/app/app.scss#L3

【讨论】：