Bootstrap：为什么我没有左边的偏移量？ [复制]答案

【问题标题】：Bootstrap: why I haven't the offset at the left? [duplicate]Bootstrap：为什么我没有左边的偏移量？ [复制]
【发布时间】：2017-09-27 19:13:19
【问题描述】：

引导 4.0

我的行有两列和偏移量：

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
  </head>
  <body>
    <div class='container'>
        <div class='row'>
            <div class='col-md-offset-4 col-md-4'>1/3</div>
            <div class='col-md-4'>1/3</div>
        </div>
    </div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="js/jquery-3.2.1.slim.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

但我没有左边的偏移量。我的 jsFiddle 是 here。

为什么我左边没有偏移量（col-md-offset-4）？

【问题讨论】：

您在命名类时出错 - v4-alpha.getbootstrap.com/layout/grid/#offsetting-columns 并且您的 bootstrap.min.css 中缺少这些类。
现在我从 getbootstrap.com 的 BS4.0.0-beta 下载了 bootstrap.min.css，并且知道缺少 .offset-* 类。我认为来自开发者 Bootstrap 的错误
@ondra15，谢谢。我阅读了 Silvio Moreto 的 Bootstrap By Example。他的示例使用col-md-offset-4 类进行偏移应用。我认为是印刷错误。
对于 Bootstrap 4 beta 和转发，不推荐使用偏移类

标签： html twitter-bootstrap twitter-bootstrap-3 bootstrap-4

【解决方案1】：

您同时标记了 BS3 和 BS4，它们在偏移列时有关键区别：

 - v3 - Uses col-*-offset-* classes to offset columns. For example, col-md-offset-4.

 - v4 - Uses offset-*-* classes to offset columns. For example, offset-md-4.

source

另外，您可能没有包含 BS4 的正确要求，当我尝试将他们的示例从文档粘贴到您的小提琴时，它不起作用：

BS 4 offset

【讨论】：

我用offset-md-4 替换了col-md-offset-4，但我得到了相同的结果。我包括了这里的所有要求：getbootstrap.com/docs/4.0/getting-started/introduction。我还看到他的一个链接使用jquery-3.2.1.slim.min.js 而不是 4.0... 是印刷错误吗？
这很奇怪，他们可能在托管文件或其版本或教程中的链接中有错误。 jQuery 是独立于 BS 开发的库，仅使用它。所以 jQ 版本号可能与 BS 的版本号匹配也可能不匹配。您可以尝试一件事，下载 BS 包，包含本地文件（不是在 Fiddle 中，而是在 PC 上），然后尝试它们是否在那里工作。