You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.25 06:14:23