ブートストラップベースのプロジェクトでセマンティックUI要素を使用する

Question

多くのテーマとスタイリングがBootstrap 3に基づいているウェブサイトを構築しています。しかし、私はSemantic UIですぐに利用できるMultiple Select Dropdown Searchボックスのようなものを使用したいが、Bootstrapではそうではない。プロジェクトを完全にSemantic UIに変更するのは少し遅すぎると思います。また、私はこれらのフレームワークの間にかなりの量の命名の競合があることを認識しています。だからSemantic UIと一緒にBootstrapの方が良い考えのようには思えません。じゃあどうすればいい？私の質問は2倍です。

1. Semantic UINode JSを使用してインストールを示唆しています。 Semantic UIは、PHPバックエンドのプロジェクトで使用できますか？

2. 私はちょうどSemantic UIGithubレポからこれらの要素のソースコードを使用して、実際にSemantic UIをインストールすることなく、私のプロジェクトでそれを使用することができませんか？

Answer 1

[答えが遅れる場合があります]

私は、ブートストラッププロジェクトにセマンティックUIのドロップダウンプラグインを使用しての経験を持っています。

あなたはそれを動作させるために4つの成分を含むことができ、それらは：

• dropdown.min.js
• transition.min.js
• dropdonw.min.css
• transition.min.css

以外にも、あなたが追加する必要がありますラベルをスタイリングするいくつかのCSS（これはコンフリクトwiなのでthブートストラップ）、削除アイコンが表示されます。 http://codepen.com/cambyliverson/pen/mRreXo

あなたはセマンティック-UIのように、ブートストラップのセマンティック-UIスキンを検討することができた場合：一般的な経験則としてSMTB

Answer 2

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ファイル）をすべて1つにコンパイルできます。

P.S.たとえば、使用している要素の名前空間の競合を避けるには、semantic.jsとsemantic.cssにsemantic-modalのすべてのmodalキーワードの名前を変更できます。名前の競合を持つ他のすべての要素でこれを行うことができます。

Answer 3

を、私が言うと思います。ここ は、私がcodepenで作られた実施例でありますそれをしないでください。彼らは、この、^

https://slack-files.com/T0VNSF68H-F4NL9M950-ae64b77fc1

...モーダルバウンスのGIF簡単にこのようなことに葛藤とつながる可能性がある2つのプロジェクトに関与し、CSSと理由矛盾CSSの