For the Bootstrap grid: turn a .container into a .container-fluid (useful for full-width layouts on tablet)

container.less

//
//
// ***** Apply fluid widths to containers (simulate .container-fluid) *****
//
//
.make-fluid(@breakpoint){
    .fluid-@{breakpoint}{
        width: auto;
    }
}

// Extra small grid
@media (min-width: 0) and (max-width: @screen-xs-max) {
    .make-fluid(xs);
}

// Small grid
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
    .make-fluid(sm);
}

// Medium grid
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
    .make-fluid(md);
}

// Large grid
@media (min-width: @screen-md-max) {
    .make-fluid(lg);
}