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

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 在基于Bootstrap的项目中使用语义UI元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在构建一个网站,其中很多主题和样式都基于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

猜你在找的Bootstrap相关文章