如何启用 bootstrap 4 flex？答案

【问题标题】：How to enable bootstrap 4 flex?如何启用 bootstrap 4 flex？
【发布时间】：2016-09-30 23:44:34
【问题描述】：

所以我在这个页面上：

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

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

PM> Install-Package bootstrap -Pre

这安装了 _variables.scss 文件，其中 enableFlex 设置为 true。

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

我从引导网站复制了这段代码：

<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>

这意味着使用弹性框来显示一些 div。但是，在运行应用程序时，它们不会显示它们应该如何显示。点击此链接并向下滚动以查看它的外观：

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

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

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

【问题讨论】：

标签： html css twitter-bootstrap flexbox

【解决方案1】：

好吧，我设法让这件事发挥作用。我确实认为引导下载或至少网站上的措辞存在问题。

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

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

安装包 bootstrap.sass -Pre
安装 Ruby
通过 Ruby CMD 安装 sass
我对 bootstrap scss 文件的整个文件夹进行了监视

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

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

【讨论】：