Bootstrap 4接受offset-md- *，而不是col-offset-md- *命名约定Bug

Question

我只是Bootstrap 4的初学者。

我刚刚开始学习它，可悲的是，我已经遇到了问题。我修改了Bootstrap 4手册中的一些代码。然而，它失败了，偏移不正常。代码非常简单，但并不需要大量代码。

编辑：2016年5月25日[下午12:35（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中实际上有一个类叫做＃34; col-md-offset - *＆＃34;因为它无法工作。所以，在Safari中，我打开了Develop＆gt;显示Web Inspector并查看通过CDN链接的Bootstrap文件。我搜索了课程col-md-offset-4，但它没有出现。但是，我看到了md-offset-4。我也看到了col-md-push-4而不是类md-push-4，我发现的只有md-push-4，依此类推。因此，我改为使用<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> ，它的工作原理与Bootstrap中的示例一样好。

编辑：2016年5月25日[下午9:03（GMT + 8）]：

这解决了用户Nate Conley的回答。顺便说一句，这是在编辑此问题时从http://v4-alpha.getbootstrap.com/layout/grid/获取的。在撰写本文时，Bootstrap团队的任何变更都是无法预料或未知的。

因此，我修改了代码，它完全正常。

<bean class="com.example.spring.TestBean">
    <property name="dependency" value="#{systemProperties['profile'] == 'test' ? dependencyA : dependencyB}" />
</bean>

问：我的浏览器，Safari（9.1）或Bootstrap版本4，maxcdn等有问题吗？这是Bootstrap 4中的正常错误吗？

Answer 1

而不是col-offset-*使用ml-*-auto推送后续列

Answer 2

使用Boootrap 3.3.6 版本，col-md-offset- *正在运行。但是，它在Bootrap 4 中出现故障。

正如我在网格系统的 here Bootsrap v4文档中发布的一个问题所发布的问题，我发布的问题尚未应用已编辑过的github，可以通过以下链接访问：

a）Bootstrap 4 Development Repository in Github.

b） Bootstrap Layout grid.md file

简单回答：Safari浏览器，CDN和Bootsrap v4本身没有任何问题，但实际上截至编写时已过时 Examples of using the Grid System。它将在下一个alpha中更新。更多信息可以在我在 docs 中发布的封闭式问题主题中看到：）

（格林尼治标准时间晚上9:30 + 8）

Answer 3

Bootstrap 4文档正确地声明偏移类为template: '<tr *ngFor="#str of B"> <th>{{str}}</th> <td>{{A[str]}}</td> </tr>' export class @@{ A = [{'id': '1', 'pwd': 'pwd1'}]; b = ['id', 'pwd']; } 。据我所知，Bootstrap 4不会向后兼容。我个人认为删除.offset-md-*会使它更容易阅读，并且输入更少（4个字符，但我会接受它）。