Bootstrap 4.1.0版本offset类失效求助:全屏幕尺寸均未正常生效
解决Bootstrap 4.1.0 Offset类不生效的问题
嘿,这问题我太熟了!你遇到的情况是因为Bootstrap 4彻底改变了偏移类的命名规则——你还在用Bootstrap 3的col-md-offset-*格式,但Bootstrap 4已经把它换成offset-md-*啦!
你原来的代码里用了col-md-offset-3,这在Bootstrap 4里是无效的,因为这个类名已经被移除了。把它改成offset-md-3就能正常生效了。
修改后的完整代码如下:
<div class="container"> <div class="row"> <div class="col-md-3 offset-md-3"> <div class="cus_c">Content area</div> </div> <div class="col-md-3"> <div class="cus_c">Content area</div> </div> </div> </div>
另外补充个小技巧:在Bootstrap 4里,你还可以用margin工具类来实现灵活的偏移,比如ml-md-auto(margin-left:auto),如果想让某个列靠右对齐,这个方法也很实用,举个例子:
<div class="container"> <div class="row"> <div class="col-md-3 ml-md-auto"> <div class="cus_c">靠右的内容</div> </div> </div> </div>
内容的提问来源于stack exchange,提问作者Sabbir Ahmed
相关产品推荐
相关产品推荐

