所以我在此頁:如何啓用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功能?