zurb-foundation

0熱度

1回答

我使用的是預製的格式（村上）從https://tympanus.net/Development/TextInputEffects/ 的jsfiddle是https://jsfiddle.net/kacikw/6b9djm76/#&togetherjs=ERPObvDR7G 我無法弄清楚如何將輸入區域放入一個文本區域，該區域可以有多於一行（對於註釋部分）。就像我不知道如何修改預先製作的表單，我試着

0熱度

1回答

基礎6不等高元素的塊網格

在基礎6塊網格中，如何製作緊接在其父元素之後放置的非等高元素的網格。實施例（圖像）因此，所有的底灰色塊向上移動到橙色塊所處的位置，而不是對自己換行符 <div class="row small-up-1 medium-up-6 large-up-4"> <div class="column column-block f1" style="height: 100px;">

0熱度

2回答

Foundation 6全寬和非全寬的默認網格寬度是多少？

儘管我知道Foundation的響應速度很快，但我試圖製作精確的具有某些斷點的photoshop文檔，並試圖瞭解基礎如何建立網格元素大小（默認情況下）。假設例如// XXLarge屏幕 @media只有屏幕和（最小寬度：120.063em）的媒體查詢{}/*最小寬度1921px，xxlarge屏幕*/12列問題1：應用默認的水槽？或者默認情況下系統不應用排水溝，只是純粹的列？問題2：不適用的

1熱度

2回答

使用Webpack Encore進行Sass預處理：如何添加sass選項？

我正在嘗試配置Webpack Encore以將Foundation集成到我們的項目中。在這個page，據說薩斯選項可以使用像傳遞到喝采： Encore // ... .enableSassLoader(function(sassOptions) { // https://github.com/sass/node-sass#options // optio

0熱度

2回答

在div列中居中文本

我正在使用Zurb基礎架構並試圖居中文本。如果我只是用.text-center類： <h1 class="text-center">My Heading</h1>的文字居中。然而，當我把它列裏面，文本稍微向右移動： <div class="row"> <div class="small-2 small-centered columns text-center"> <h1>

2熱度

3回答

噶單元測試Vue.js +基金會

我正在嘗試爲我的第一個Vue.js項目添加Foundation for Sites項目，該項目使用Vue CLI進行設置。網站運行然而噶+ Phantomjs單元測試套件，發射這樣的錯誤： PhantomJS 2.1.1 (Mac OS X 0.0.0) ERROR SyntaxError: Invalid character: '`' at webpack:///~/fou

0熱度

1回答

將單元格均勻地分佈在Zurb基金會的各個列中6

我正在構建一個應用程序佈局，我想要佈置多個卡片，將超鏈接均勻地列入多個列。因此，屏幕空間將被使用。我使用Zurb基金會6，並有下面這段HTML的基礎上Zurb基金會6： <!doctype html> <html lang="en" class="no-js"> <head> <meta charset="utf-8"> <meta name="viewp

0熱度

1回答

Zurb基礎揭示模態

我使用Zurb基礎6框架，我想使用揭示模態。出於某種原因，點擊按鈕打開模式時沒有響應。 My JsFiddle https://jsfiddle.net/zzf2suto/1/

0熱度

1回答

基礎6網格在img覆蓋的問題反應

我第一次使用基礎6 xy網格，並且難以對齊三個圖像，每個圖像底部都有一個文本覆蓋圖。我努力讓文本的背景填充圖像的整個寬度，同時使它響應，newsArticle__pCont類的100％寬度大於我不明白的父單元格。下面是最近的，我已經得到了（這是不是很接近） class News extends Component { renderArticlePreview(article) {

1熱度

1回答

基金會6抓取深入點擊事件

我試圖抓住基金會6鑽取事件。我用一個簡單的on()方法與jQuery似乎不工作。 $(document).foundation(); $("body").on("click",".is-drilldown-submenu-parent",function(){ alert("!"); }) 這裏有一個Codepen：https://codepen.io/Nirtz89/pen