html - Bootstrap 3 offset ignores sizes -
i have offset set medium sized screen offset still occurs when screen in large. here snippet of html, how can solve issue?
<div class="col-lg-6 col-sm-12"> <div class="row"> <div class="col-lg-12 col-md-3 col-md-offset-3"></div> </div> </div>
in bootstrap, device-size-specific classes affect size of class and higher sizes, unless overridden. so, of course, col-md-offset-3
present in large screens well. can "override" class large screens col-lg-offset-0
.
<div class="col-lg-6 col-sm-12"> <div class="row"> <div class="col-lg-12 col-md-3 col-md-offset-3 col-lg-offset-0"></div> </div> </div>
from docs:
grid classes apply devices screen widths greater or equal breakpoint sizes, , override grid classes targeted @ smaller devices. therefore, applying
.col-md-
class element not affect styling on medium devices on large devices if.col-lg-
class not present.
Comments
Post a Comment