Skip to content

Instantly share code, notes, and snippets.

@artemrogov
Forked from proweb/slick_fix.css
Created March 4, 2019 12:27
Show Gist options
  • Save artemrogov/7701dcfaee28c81a71bd116037f083dc to your computer and use it in GitHub Desktop.
Save artemrogov/7701dcfaee28c81a71bd116037f083dc to your computer and use it in GitHub Desktop.
Css fix for slick carousel in bootstrap 3 tab
/* Based on https://github.com/kenwheeler/slick/issues/187#issuecomment-59123524 */
/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: block; /* undo display:none */
height: 0; /* height:0 is also invisible */
overflow: hidden; /* no-overflow */
}
.tab-content > .active,
.pill-content > .active {
height: auto; /* let the content decide it */
}
/* bootstrap hack end */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment