我为中等大小的屏幕设置了偏移量,但是当屏幕很大时,仍然会出现偏移。这是我的html片段,我该如何解决这个问题?
<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>
答案 0 :(得分:3)
在引导程序中,特定于设备大小的类会影响类和所有较高大小的大小,除非被覆盖。所以,当然,col-md-offset-3
也会出现在大屏幕上。你可以&#34;覆盖&#34;此类适用于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>
来自docs:
网格类适用于屏幕宽度大于或等于的设备 到断点大小,并覆盖针对较小的网格类 设备。因此,将任何
.col-md-
类应用于元素都不会 只会影响它在中型设备上的样式,但也会影响大型设备的样式 <{1}}课程不存在。