zurb-foundation

Has anyone used Foundation 4 or Bootstrap 3 beta? As you know, both are re-written to make it mobile first. I'm very excited with the mobile first approach, but in real life, sometimes circumstances don't let us do what we believe is the right way. So I just want to ask, has anyone used F4 or BS3 for non mobile first (or even non responsive) projects? I haven't really dived into the codes and the documentation is quite lacking. What I mean is, is there some hidden caveats in F4/BS3 that if I use one of them for non mobile first/responsive projects, somehow it's not gonna work as smoothly as

I am working on using Zurb Foundation with WebPack and NPM, without Bower. The problem I am encountering is the same as this below: https://github.com/zurb/foundation-sites/issues/7386 Essentially, when installing foundation-sites via NPM, there are references to a module "foundation" that is not found. The error: Module not found: Error: Cannot resolve module 'foundation' in c:\Users\Matt\Documents\Projects\test\node_modules\foundation-sites\dist @ ./~/foundation-sites/dist/foundation.js Here's the package.json: { "name": "test", "version": "1.0.0", "description": "", "main": "index.js",

I am looking to use the Wordpress gallery shortcut but I want to tie the output into the Foundation Orbit plugin (to make a slider). This is the HTML I am looking to output: <div class="slideshow-wrapper"> <div class="preloader"></div> <ul data-orbit> <li> <img src="img1.png" alt="bla bla bla" /> </li> <li> <img src="img2.png" alt="bla bla bla" /> </li> <li> <img src="img3.png" alt="bla bla bla" /> </li> <li> <img src="img4.png" alt="bla bla bla" /> </li> </ul> </div> Is it possible to put something in functions.php (or similar) to achieve this? Yes, indeed. Quite a while ago I've found this

I'm looking through the bower foundation project and I'm getting stumped on how the project is able to locate the partials. In particular, I'm looking at the _settings.scss that has a relative reference in it I just don't quite understand. On line 58 there is a reference to foundation/functions but this partial ( _functions.scss ) is a sibling of the settings partial. I'm confused as why there is a reference to the parent directory foundation on that line. I'm also confused as to how this works. Why would the settings file not look for a directory named foundation at the same level? The answer

I am trying to convert my website to use Foundation 6. Most of it works OK, but I have a problem with Google charts. I have put my chart inside large-12 cell: <div class="large-12 cell"> <div id="chart_div"> </div> </div> but the chart is too narrow - it should be as wide as the top menu: by default, the chart does not fully fill the width of the container see cyan section in following snippet... google.charts.load('current', { packages: ['corechart'] }).then(function () { var statsData = new google.visualization.DataTable(); statsData.addColumn('number', 'x'); statsData.addColumn('number', 'y