Skip to content

Instantly share code, notes, and snippets.

@luislobo14rap
Created May 24, 2018 14:49
Show Gist options
  • Save luislobo14rap/4aad308be11fc6ca04905454b043c97d to your computer and use it in GitHub Desktop.
Save luislobo14rap/4aad308be11fc6ca04905454b043c97d to your computer and use it in GitHub Desktop.
/* bs-containers-dynamics.css v1 */
/* container-fluid specific */
@media (max-width: 575px){
.container.container-fluid-xs-only{
width: 100%;
max-width: 100%;
}
.container-1368px.container-fluid-xs-only{
width: 100%;
max-width: 100%;
}
}
@media (min-width: 576px) and (max-width: 767px){
.container.container-fluid-sm-only{
width: 100%;
max-width: 100%;
}
.container-1368px.container-fluid-sm-only{
width: 100%;
max-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px){
.container.container-fluid-md-only{
width: 100%;
max-width: 100%;
}
.container-1368px.container-fluid-md-only{
width: 100%;
max-width: 100%;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.container.container-fluid-lg-only{
width: 100%;
max-width: 100%;
}
.container-1368px.container-fluid-lg-only{
width: 100%;
max-width: 100%;
}
}
@media (min-width: 1200px){
.container.container-fluid-xl-only{
width: 100%;
max-width: 100%;
}
.container-1368px.container-fluid-xl-only{
width: 100%;
max-width: 100%;
}
}
/* container specific */
@media (max-width: 575px){
.container-fluid.container-only{
max-width: 540px;
}
}
@media (min-width: 576px) and (max-width: 767px){
.container-fluid.container-sm-only{
max-width: 720px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.container-fluid.container-md-only{
max-width: 960px;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.container-fluid.container-lg-only{
max-width: 1140px;
}
}
@media (min-width: 1200px){
.container-fluid.container-xl-only{
max-width: 1140px;
}
}
/* bs-containers-dynamics.min.css v1 */
@media (max-width:575px){.container.container-fluid-xs-only{width:100%;max-width:100%}.container-1368px.container-fluid-xs-only{width:100%;max-width:100%}}@media (min-width:576px) and (max-width:767px){.container.container-fluid-sm-only{width:100%;max-width:100%}.container-1368px.container-fluid-sm-only{width:100%;max-width:100%}}@media (min-width:768px) and (max-width:991px){.container.container-fluid-md-only{width:100%;max-width:100%}.container-1368px.container-fluid-md-only{width:100%;max-width:100%}}@media (min-width:992px) and (max-width:1199px){.container.container-fluid-lg-only{width:100%;max-width:100%}.container-1368px.container-fluid-lg-only{width:100%;max-width:100%}}@media (min-width:1200px){.container.container-fluid-xl-only{width:100%;max-width:100%}.container-1368px.container-fluid-xl-only{width:100%;max-width:100%}}@media (max-width:575px){.container-fluid.container-only{max-width:540px}}@media (min-width:576px) and (max-width:767px){.container-fluid.container-sm-only{max-width:720px}}@media (min-width:768px) and (max-width:991px){.container-fluid.container-md-only{max-width:960px}}@media (min-width:992px) and (max-width:1199px){.container-fluid.container-lg-only{max-width:1140px}}@media (min-width:1200px){.container-fluid.container-xl-only{max-width:1140px}}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment