search

evoluteur / structured-filter

jQuery UI widget for structured queries like "Contacts where Firstname starts with A and Birthday before 1/1/2000 and State in (CA, NY, FL)"...
http://evoluteur.github.io/structured-filter/
MIT License
258 stars 61 forks source link

Collision with Bootstrap Javascript #16

Closed samcov closed 7 years ago

samcov commented 7 years ago

The css for structured-filter does not work if used with bootstrap.

The offender is not in the css, but in the javascript. To reproduce the problem, simply add the following,

    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

Then lower the jquery version to something under version 3, which bootstrap doesn't like. Then the styling will go away.

It only occurs when the .js is there, removing the bootstrap css and leaving the js causes the problem.

evoluteur commented 7 years ago

UI libraries do not always play well together. If you want Bootstrap, I would recommand using the structured-filter which is part of Evolutility-UI-jQuery. It was re-written for Bootstrap and doesn't use jQuery-UI. http://evoluteur.github.io/evolutility-ui-jquery/

samcov commented 7 years ago

Ok, Thanks.