2016-09-30 75 views
2

所以我在此页:如何启用bootstrap 4 flex?

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

我试图使引导柔性,所以我可以在我的应用程序中使用它。在底部,它告诉您前往下载页面,并安装已启用弹出框的已编译CSS版本。所以,我从我的应用程序卸载引导,跑这条线的包管理器控制台:

PM> Install-Package bootstrap -Pre 

此安装了enableFlex的_variables.scss文件设置为真。

它还下载了bootstraps.css/min文件以及相应的bootstrap JS文件。我还通过NuGet安装了系绳,因为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> 

这是指使用柔性框来显示一些div。但是,在运行应用程序时,他们不会显示应该显示的内容。请点击此链接,然后向下滚动,看看它的应该是这样的:

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

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

有谁知道如何启用引导程序4中的flex功能?

回答

0

好吧,我设法让事情工作。我确实认为引导程序下载存在问题,或者至少在网站上的措辞有问题。

我设法得到它的工作方式是,像这样:

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

    安装,包装bootstrap.sass - 预

  2. 安装红宝石

  3. 通过Ruby安装sass CMD

  4. 我把手表上引导SCSS的整个文件夹文件

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

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