twitter-bootstrap – 在基于Bootstrap的项目中使用语义UI元素

发布时间：2020-12-17 21:21:26 所属栏目：安全来源：网络整理

导读：我正在构建一个网站,其中很多主题和样式都基于Bootstrap 3.但是我想使用多选下拉搜索框这样的内容在语义UI中可用,但在Bootstrap中则不然.我认为将项目完全转移到语义UI有点为时已晚.此外,我知道这些框架之间存在大量的命名冲突.因此,使用语义UI和Bootstrap并

我正在构建一个网站,其中很多主题和样式都基于Bootstrap 3.但是我想使用多选下拉搜索框这样的内容在语义UI中可用,但在Bootstrap中则不然.我认为将项目完全转移到语义UI有点为时已晚.此外,我知道这些框架之间存在大量的命名冲突.因此,使用语义UI和Bootstrap并不是一个好主意.那我该怎么办？我的问题是双重的.

>语义UI建议使用Node JS进行安装.可以在具有PHP后端的项目中使用语义UI吗？
>我不能只使用Semantic UI Github repo中的这些元素的源代码并在我的项目中使用它而不需要实际安装Semantic UI吗？

解决方法

[答案可能会迟到]

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

您可以只包含四个组件以使其正常工作,它们是：

> dropdown.min.js
> transition.min.js
> dropdonw.min.css
> transition.min.css

此外,您需要添加一些CSS来标记样式(因为它与bootstrap冲突)并显示删除图标.
这是我在codepen中制作的一个工作示例：http://codepen.com/cambyliverson/pen/mRreXo

如果你喜欢semantic-ui,你可以考虑bootstrap的语义ui皮肤：SMTB

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!