如何启用引导4 flex

Question

所以我在这一页:

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

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

PM> Install-Package bootstrap -Pre

安装_variables。

将enableFlex设置为true。

它还下载了bootstrap .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

我没有控制台错误，我看不到我做错了什么。我认为这可能是引导下载的问题，因为下载的css文件没有.col-xs类。

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

Answer 1

好的，我设法使它工作。我相信有一个问题与引导下载或至少在网站上的措辞。

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

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

   安装包引导。sass pre

安装Ruby

3. 我把手表放在整个文件夹的引导scss文件

然后生成我需要的所有css文件。然后我在我的视图上使用了bootstrap-flex.css文件，它工作了。

为什么它说下载编译flex css在页面上我不知道