一些基金會5實用程序類不工作在基金會6

我搜索了Zurb的網站上的答案以及SO上的其他帖子，但還沒有發現任何似乎解決此問題的東西。一些基金會5實用程序類不工作在基金會6

我正在與基金會6（嘗試這兩個網站和Zurb模板）。許多實用程序類正在運行，如頂欄，行，大，小，中欄，類等。默認模板也可以工作，並顯示不同的標註元素，按鈕等。

某些實用程序在Foundation 5中可用的類不在6中工作，例如文本左鍵，文本右鍵，float類（如右和左）或顏色類（如白色，黑色等）。我確定有其他人，但這些是我到目前爲止所經歷的課程。

我檢查了app.scss以確保沒有任何內容被註釋掉。我還檢查了gulpfile.js，它包含了所有的資產，用於基金會網站的SASS，並且沒有javascript文件被註釋掉。

例如，從Zurb site這個代碼，下v5.5.3不激活基金會6

<div class="panel clearfix"> 
    <a class="button right">Float Right</a> 
    <a class="button left">Float Left</a> 
</div>

面板類或右或左漂浮在我default.html和佈局，我有以下樣式：

<link rel="stylesheet" href="{{root}}assets/css/foundation.min.css"> 
<link rel="stylesheet" href="{{root}}assets/css/app.css">

和下面的JavaScript文件：

<script src="{{root}}assets/js/jquery.min.js"></script> 
<script src="{{root}}assets/js/what-input.min.js"></script> 
<script src="{{root}}assets/js/foundation.min.js"></script> 
<script src="{{root}}assets/js/app.js"></script>

我是否缺少文件引用，是否還有其他內容可以檢查以使這些類正常工作還是這些實用類在Foundation 6中不再可用？

來源

2016-01-24 Bill

你確定你的CSS文件實際上包含你正在使用的類嗎？ – cimmanon

可能的重複：http://stackoverflow.com/questions/34537431/foundation-6-not-compiling-correctly-with-gulp – cimmanon

@cimmanon，良好的通話。我剛剛檢查並發現顏色類不包含在內，而.left和.right現在是.float-left .float-right，而.clearfix仍然存在。我只是偶然找到浮法類，同時尋找其他的一些。任何機會有一個參考文檔的某處，顯示什麼類已經從基金會5改變了？ – Bill

答案顯然是一些類名更改，其他類可能被刪除。在更新概述類的F6文檔之前，需要在css中搜索用於此目的的類或添加自定義類。

編輯：爲了進一步說明，我發現此頁上列出的顏色 - http://foundation.zurb.com/sites/docs/global.html，指的是使用的顏色，但類不起作用。

例如，將「alert」作爲類添加到元素應使它們變爲紅色，並將其列在上面引用的頁面上。

他們的例子，它添加了「次要」按鈕元素。

要爲組件着色，請將該顏色的名稱添加爲類。

<button class="button">Primary Action</button> 
<button class="secondary button">Secondary Action</button>

它不會改變顏色爲「.secondary」是不是在基金會6 CSS類，我發現通過在_settings.scss文件看是什麼那些實際上是上海社會科學院全局變量是適用於整個不同的班級。這對於.success和其他人來說是一樣的。「.alert」是一個類，但只有在與其他顏色一起使用時纔會被設置樣式。

看起來像是最好檢查_settings.scss文件，如果你沒有找到你正在尋找的類，或者如果有什麼不工作。

來源

2016-01-25 20:09:57 Bill

一些基金會5實用程序類不工作在基金會6

回答

相關問題