1. 首页
  2. 问答
  3. 在基于Bootstrap的项目中使用语义UI元素

在基于Bootstrap的项目中使用语义UI元素

2016-09-30 24 views
1

我正在构建一个网站，其中很多主题和样式基于Bootstrap 3。但我想要使用诸如Semantic UI中可用的多选择下拉搜索框，但在Bootstrap中不能。我认为将项目完全转移到Semantic UI已经太晚了。另外，我知道这些框架之间存在大量的命名冲突。所以使用Semantic UI和Bootstrap似乎不是一个好主意。那么我能做什么？我的问题是双重的。在基于Bootstrap的项目中使用语义UI元素

  1. Semantic UI建议安装使用Node JS。可以使用Semantic UI后端的PHP项目吗？

  2. 我不能只是使用的源代码从Semantic UIGithub回购这些元素在我的项目中使用它，而无需实际需要安装Semantic UI？

来源

2016-09-30 samurdhilbk

回答

5

[答案可能会迟到]

我有使用语义UI的下拉列表插件在引导项目经验。

你可以只包括四个组成部分，使其工作，它们分别是：

此外，你将需要添加一些CSS造型的标签（因为它是无聊的无线th bootstrap）并使删除图标出现。 这是我在codepen制备的工作例如：http://codepen.com/cambyliverson/pen/mRreXo

如果你喜欢语义的用户界面，你可以考虑引导的语义UI皮肤：SMTB

来源

2017-01-15 09:15:16 cambyliverson

+0

感谢磨的闪烁，大大帮助了我！ –

+0

这解决了我的问题，谢谢 –

1

  1. 您可以使用作曲家安装语义的UI也是如此。相关链接：https://packagist.org/packages/semantic/ui

  2. NodeJS是首选，因为您可以使用它来构建具有所需组件类型的文件。如果您安装了NodeJS，则可以使用交互式安装程序为您组装并构建相关文件。 http://semantic-ui.com/introduction/getting-started.html#install-semantic-ui

  3. 你也可以使用一个CDN为具体内容：https://cdnjs.com/libraries/semantic-ui

  4. 您还可以使用GitHub的回购协议，只需选择你所需要的元素，但它始终是推荐使用的构建工具，以便您可以将所有多个CSS文件（或JS文件）编译为一个。

P.S.例如，要避免您正在使用的元素发生命名空间冲突，可以在和semantic.css中将中的所有modal关键字重命名。您可以对所有其他具有命名冲突的元素执行此操作。

来源

2016-09-30 16:13:44 Sarthak

相关问题

 相关问题