search

kenwheeler / slick

the last carousel you'll ever need
kenwheeler.github.io/slick
MIT License
28.37k stars 5.88k forks source link

Conflict with Bootstrap CSS? #2679

Open AllenCarlanz opened 7 years ago

AllenCarlanz commented 7 years ago

Hi,

I'm just wondering why the slick carousel is not showing up whenever I add the Bootstrap.min.css. It works fine without the Bootstrap CSS

This is how my styles are arranged bootstrap.min.css slick/slick.css slick/slick-theme.css

tomaszpoliszuk commented 7 years ago

It's not bug or issue with slick itself. Also https://github.com/kenwheeler/slick/blob/master/CONTRIBUTING.markdown

samuel-belcastro commented 7 years ago

Any solutions to this? I am facing the same problem

tomaszpoliszuk commented 7 years ago

There is only way to find out: https://github.com/kenwheeler/slick/blob/master/CONTRIBUTING.markdown

FavorMylikes commented 6 years ago

Same problem........

FavorMylikes commented 6 years ago

Conform that conflict with style="box-sizing:border-box;"

ac3d912 commented 5 years ago

@FavorMylikes I don't suppose you found a work around? Trying to use bootstrap 4.x and not having much luck.

tomaszpoliszuk commented 5 years ago

https://github.com/kenwheeler/slick/blob/master/CONTRIBUTING.markdown

Please provide isolated problem on (for example) jsfiddle (hint: not on your webpage where anything could interfere with slick code).

amirasyraf commented 4 years ago

Can confirm it breaks Bootstrap 4.

Simplest example is using row and columns . Slick overrides display: flex among other things.

phamthainb commented 3 years ago

Why need bootstrap here? If u want make responsive slick has support it. Check it out here

amirasyraf commented 3 years ago

@phamthainb it breaks bootstrap on the entire page, not just the element slick is contained in.