Twitter bootstrap 在基于引导的项目中使用语义UI元素

我正在建立一个网站，其中许多主题和样式都基于

bootstrap3

。但是我想使用像多个选择下拉搜索框这样的东西，这些搜索框在

语义UI

中很容易找到，但在

引导中却不是这样。我认为现在将项目完全转移到
语义UI
有点太晚了。此外，我知道这些框架之间存在大量命名冲突。因此，在
引导的同时使用
语义UI
似乎不是一个好主意。那我该怎么办？我的问题有两个方面

Semantic UI
建议使用
节点JS安装。
Semantic UI
是否可以在带有
PHP
后端的项目中使用

我不能只使用
语义UI
Github
repo中这些元素的源代码，并在我的项目中使用它，而不实际需要安装
语义UI

您还可以使用composer安装语义用户界面。相关链接：

NodeJS是首选，因为您可以使用它来构建包含所需组件类型的文件。如果您安装了NodeJS，则可以使用交互式安装程序为您组装和构建相关文件。

您还可以对特定元素使用CDN：

您也可以使用github repo简单地选择所需的元素，但始终建议使用构建工具，以便将所有多个CSS文件（或JS文件）编译成一个

注意：为了避免您正在使用的元素的名称空间冲突，例如，您可以在
semantic.js
和
semantic.css
中使用
semantic modal
重命名所有
modal
关键字，您可以对所有存在命名冲突的其他元素执行此操作。
[答案可能会晚到]

我有在bootstrap项目中使用语义ui下拉插件的经验

您只需包含四个组件即可使其正常工作，它们是：







此外，您需要添加一些css来设置标签的样式（因为它与引导相冲突），并显示删除图标。
下面是我用codepen制作的一个工作示例：

如果你喜欢语义UI，你可以考虑Bootstrap的语义UI皮肤：
作为一个一般的经验法则，我会说不要这么做。他们在这两个项目中所涉及的CSS很容易发生冲突，并导致类似的事情

^由于css冲突，模式反弹和闪烁的GIF
谢谢你，这对我帮助很大！