2

我只是 Bootstrap 4 的初学者。

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

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

使用 Bootrap 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>

所以，我怀疑引导程序中实际上有一个名为“col-md-offset-*”的类，因为它无法工作。因此，在 Safari 中，我打开了 Develop > Show Web Inspector 并查看了通过 CDN 链接的 Bootstrap 文件。我搜索了类col-md-offset-4，它没有出现。然而，我md-offset-4却看到了。我还看到，col-md-push-4我发现的不是 class ，而是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 团队的任何变化都是无法预料或未知的。

文档代码示例

Bootsrap 1 中的代码

Bootstrap 2 中的代码

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

<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 中的正常错误吗？

4

3 回答 3

3

而不是col-offset-*用来ml-*-auto推动后续的列

于 2017-08-22T10:43:51.510 回答
3

使用 Bootrap 3.3.6版本， col-md-offset-* 正在工作。但是，在 Bootrap 4中出现了故障。

正如我在 Github的Bootstrap 4 Development Repository 中发布的一个问题上所看到的，这是用户 vp_arth在这里推荐的。网格系统的 Bootsrap v4 文档，目前还没有从 github 应用编辑过的文档，可以通过以下链接访问：

a)引导布局 grid.md 文件

b)使用网格系统的例子

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

（格林威治标准时间+8 下午 9:30）

于 2016-05-25T06:22:18.920 回答
1

Bootstrap 4 文档确实正确地指出偏移类是.offset-md-*. 据我所知，Bootstrap 4 不会向后兼容。我个人认为删除它.col-会使它更容易阅读，并且打字更少（4个字符，但我会接受它）。

于 2016-05-25T08:33:25.093 回答