2016-09-30 80 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。