html - 如何启用 bootstrap 4 flex？

Question

所以我在这个页面上:

http://v4-alpha.getbootstrap.com/getting-started/flexbox/

我正在尝试启用 bootstrap flex，这样我就可以在我的应用程序中使用它。在底部，它告诉您前往下载页面并安装启用了 flex box 的已编译 CSS 版本。所以我从我的应用程序中卸载了 bootstrap 并在包管理器控制台中运行了这一行:

PM> Install-Package bootstrap -Pre

这安装了 enableFlex 设置为 true 的 _variables.scss 文件。

它还下载了 bootstraps.css/min 文件以及相应的 bootstrap JS 文件。我还通过 NuGet 安装了 tether，因为 bootstrap 需要这个。

我从 bootstrap 网站复制了这段代码:

<div class="container">
  <div class="row">
    <div class="col-xs">
      1 of 2
    </div>
    <div class="col-xs">
      1 of 2
    </div>
  </div>
  <div class="row">
    <div class="col-xs">
      1 of 3
    </div>
    <div class="col-xs">
      1 of 3
    </div>
    <div class="col-xs">
      1 of 3
    </div>
  </div>
</div>

这意味着使用 flex box 来显示一些 div。但是，在运行应用程序时，它们不会显示它们应该如何显示。点击此链接并向下滚动以查看它应该是什么样子:

http://v4-alpha.getbootstrap.com/layout/flexbox-grid/#auto-layout-columns

我没有控制台错误，我看不出我做错了什么。我认为这可能是 Bootstrap 下载的问题，因为下载的 css 文件没有 .col-xs 类。仅 col-xs-1 及以上类。

有谁知道如何在 bootstrap 4 中启用 flex 功能？

Answer 1

好吧，我设法让它工作了。我确实相信 Bootstrap 下载存在问题，或者至少网站上的措辞存在问题。

我设法让它工作的方式是这样的:

1. 在 NuGet 包管理器控制台中运行它

   安装包 bootstrap.sass -Pre

2. 安装 ruby

3. 通过 Ruby CMD 安装 sass

4. 我监视了 bootstrap scss 文件的整个文件夹

然后这生成了我需要的所有 css 文件。然后我在我的 View 中使用了 bootstrap-flex.css 文件并且它起作用了。

不知道为什么页面上说要下载编译好的flex css。