CODEWITHSUNDEEP
twitter-bootstrapnivo-slider
Richard
Richard

Reputation: 1158

Nivoslider and Twitter Bootstrap

Nivo slider and Twitter bootstrap do NOT like each other!

If you use thumbs you'll get all manners of madness being displayed.

I've found a css fix, I'll add below (to hopefully help others with this issue).

Upvotes: 0

Views: 4058

Answers (1)

Richard
Richard

Reputation: 1158

Change the css in nivo-slider.css from:

.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
}

To

.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    /* this is the fix */
    vertical-align: baseline !important;
    max-width: none !important;
}

Upvotes: 5

Related Questions