Menu
I'm building a website where a lot of the theming and styling is based on Bootstrap 3. But I want to use things like Multiple Select Dropdown Search boxes which are readily available in Semantic UI but not so in Bootstrap. I think it's a bit too late to shift the project entirely to Semantic UI. Also, I am aware that there are a considerable amount of naming conflicts between these frameworks. So using Semantic UI alongside Bootstrap doesn't seem like a good idea. So what can I do? My question is two-fold.
Semantic UI suggests installation using Node JS. Can Semantic UI be used in a project with a PHP back-end?
Can't I just use the source code for these elements from the Semantic UI Github repo and use it in my project without actually needing to install Semantic UI?
472
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. On the other hand, Semantic UI is detailed as "A UI Component library implemented using a set of specifications designed around natural language".
But, Semantic UI has got an edge over Bootstrap with extra elements that offer far more options to customize. Semantic Solutions: Beginners can get along well with Semantic UI as it uses semantic class names for styling the elements. This makes it comparatively simpler and easier to grasp.
Semantic UI is not dead. There is a community that wants to keep it going. I think it would be helpful to create an RFC repo to discuss future direction of the project and the planning of the implementations of the decisions we make.
It provides a lightweight user interface. By using Semantic UI, we can build web applications without having to create each component from scratch every time. We can create our UI just by using react components from the Semantic UI framework and customizing them to our liking.
[The answer may be late]
I have experience on using the dropdown plugin of semantic ui in bootstrap project.
You can just include four component to make it work, they are:
Besides, you will need to add some css to styling the label (because it is comflict with bootstrap) and make the delete icon appear. Here is a working example I made in codepen: http://codepen.com/cambyliverson/pen/mRreXo
If you like semantic-ui, you can consider the semantic-ui skin of bootstrap: SMTB
184
As a general rule of thumb, I'd say don't do it. They CSS involved in the 2 projects could easily conflict and lead to things like this...
https://slack-files.com/T0VNSF68H-F4NL9M950-ae64b77fc1
^ GIF of a modal bouncing and flashing because of conflicting css
21
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
