我只是 Bootstrap 4 的初学者。

我最近才开始学习它，很遗憾，我已经遇到了问题。我修改了 Bootstrap 4 手册本身的一些代码。然而，它惨遭失败，偏移量无法正常工作。代码非常简单，但不需要很多代码。

编辑:2016 年 5 月 25 日 [12:35 PM (GMT+8)]:

使用 Boootrap 3.3.6 版本，col-md-offset-* 正在运行。然而，它在 Bootrap 4 中失败了。

问题已发布在 https://github.com/twbs/bootstrap/issues/19966 上!

这是我使用的代码:

 <!-- This contains the .red, .blue and .green classes --> 
 <style> ... </style> 
 
 <div class="container"> 
    <div class="row"> 
 
       <div class="col-md-4 red"> 
         Hello world 
       </div> 
 
       <div class="col-md-4 col-offset-md-4 green"> 
         Hello world 
       </div>  
 
        <div class="col-md-4 col-offset-md-4 blue"> 
         Hello world 
       </div>  
 
   </div> 

所以，我怀疑在 Bootstrap 中实际上有一个名为“col-md-offset-*”的类，因为它无法工作。因此，在 Safari 中，我打开 Develop > Show Web Inspector 并查看了通过 CDN 链接的 Bootstrap 文件。我搜索了类 col-md-offset-4，但没有出现。但是，我看到的是 md-offset-4。我还看到，我发现的不是类 col-md-push-4，而是 md-push-4 等等。因此，我改为使用 md-push-4，它的效果与 Bootstrap 中的示例一样好。

编辑:2016 年 5 月 25 日 [9:03 PM (GMT+8)]:

这解决了用户 Nate Conley 的回答。顺便说一下，这是取自http://v4-alpha.getbootstrap.com/layout/grid/截至编辑此问题时。在撰写本文时，Bootstrap 团队的任何变动都是不可预见或未知的。

因此，我修改了代码，它工作得很好。

<style> ... </style>     
 
 
<div class="container"> 
    <div class="row"> 
 
       <div class="col-md-4 red"> 
         Hello world 
       </div> 
 
       <div class="col-md-4 offset-md-4 green"> 
         Hello world 
       </div>  
 
        <div class="col-md-4 offset-md-4  blue"> 
         Hello world 
       </div>  
 
   </div> 

问:是我的浏览器、Safari (9.1) 还是 Bootstrap 版本 4、maxcdn 等的问题？这是 Bootstrap 4 中的正常错误吗？

请您参考如下方法:

使用 Boootrap 3.3.6 版本，col-md-offset-* 正在运行。然而，它在 Bootrap 4 中失败了。

正如在我发布的一个问题上看到的那样，正如用户 vp_arth 推荐的那样 here , 在 Bootstrap 4 Development Repository in Github. 网格系统的Bootsrap v4文档，目前还没有应用来自github的编辑文档，可以通过以下链接访问:

a) Bootstrap Layout grid.md file

b) Examples of using the Grid System

简单回答:Safari 浏览器、CDN 和 Bootsrap v4 本身都没有问题，但实际上已经过时了 docs 截至撰写本文时。它将在下一个 alpha 中更新。更多信息可以在我在 here 中发布的已关闭问题线程中看到:)

(格林威治标准时间晚上 9:30+8)