Bootstrap 4中col-lg-offset失效问题求助

嘿，这问题我刚转用Bootstrap 4的时候也踩过一模一样的坑！你写的col-lg-offset-1是Bootstrap 3的偏移类名，Bootstrap 4已经把网格偏移的命名规则改了，所以才会出现不生效的情况~

问题根源 #

Bootstrap 4重构了网格系统的类名规范，移除了偏移类里的col-前缀，统一改成了offset-{breakpoint}-{number}的格式。

修改后的可用代码 #

把你的代码里的col-lg-offset-1替换成offset-lg-1就可以正常生效了：

<div class="row">
  <div class="col-lg-3 offset-lg-1">
    <img src="img/logo.png" alt="Logo description">
  </div>
  <div class="col-lg-7">
    <p>Some text goes here...</p>
  </div>
</div>

额外小技巧 #

如果需要在不同屏幕断点设置不同偏移量，比如中等屏幕（md）下偏移2列，直接用offset-md-2就行；另外Bootstrap 4还支持ml-auto这类margin工具类，用它可以实现元素自动向右侧偏移，有时候比固定数值的偏移类更灵活哦！

内容的提问来源于stack exchange，提问作者M4l2c3l0