Skip to content

Instantly share code, notes, and snippets.

@proweb
Created May 6, 2017 16:23
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save proweb/1cb486540a3ba83420f9965963a38822 to your computer and use it in GitHub Desktop.
Save proweb/1cb486540a3ba83420f9965963a38822 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