1. 首頁
  2. 問答
  3. 在基於Bootstrap的項目中使用語義UI元素

在基於Bootstrap的項目中使用語義UI元素

2016-09-30 28 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

相關問題

 相關問題