zurb-foundation

I'm using foundation 3 to build a responsive website but I want to have the Footer and Navigation background width to occupy the entire width? I have named my rows as class="row navigation" class="row footer" I tried looking for how to fix this but I'm out of options. I'm assuming it is a small fix in the foundation.css file but it's a bit too overwhelming at the moment as I'm new to it. Any poiinters much appreciated. I ran into the same problem yesterday. The trick is, for full width spanning blocks, you just keep them out of the row/column structure, since row/column will always apply the

I have been testing out the foundation CSS framework and am quite liking their custom form elements that the framework provides. I have built a page, http://eventgrapple.com/home , to test the framework out, and it works fine in Google Chrome and so on (desktop) (slightly buggy in Internet Explorer 7 ) and works fine with a BlackBerry's native browser, but none of the form elements work in Opera 6.5 for BlackBerry bold 9700 . The link to the framework is http://foundation.zurb.com/docs/forms.php . How can I fix this or is there an alternative? Opera Mini has very limited JavaScript support.

I already received very helpful information on my overall problem here: session_start() causes error: No such file or directory (fresh, portable XAMPP) I need the session variables for my login functionality, and Ive already found my php.ini and configured the path to session.save_path = "D:\foundationtests\src\assets\Session" It is thereby also located outside my servers DocumentRoot. So far, the behavior of my website hasn't changed much, and I've already rebuilt the project via foundation watch (using ZURB foundation 6.4 Framework based on webpack4, Babel7 and Gulp) and the Session folder

How do you dynamically set Sass variables in Foundation? According to their docs , you can customize a table with the help of a few Sass variables in _settings.scss , let's take the background color for example. Now what if I want to use two different kinds of tables, with different background colors? I am new to both Foundation and Sass, and these variables seem a lot like globals to me. I guess I could make my own variables, such as $dark-table-bg , but how would I make a table use that variable in my html? To clarify: the only thing I'm trying to achieve is having two tables next to each

I have realised that there is a problem when using Zurb Foundation classes in .vue single file components . At first I could not get a Reveal Modal to work inside the .vue component but it was working when I use the same code in a blade or html file. Then I noticed a pattern because when I tried to use the Foundation's Orbit inside the component it failed, at first I thought it was an error but then I used the same code in a blade file and it worked. Other foundation classes such as row , grid and buttons are working just fine. Has anyone experienced the same issue? And how can I work around

I am using Zurb's Foundation framework, and I would like to know how I can edit the default values of the SASS variables. I searched all over the internet but I was not able to find anything that could help me. Please check this documentation on their site. Under Available SCSS Variables section, SCSS variables are provided but I don't know where to place them after altering the values. I did not find much help by Googling because Foundation is not that old. After creating a Foundation project, look for a "_settings.scss" partial that will contain all those variables. Scroll down on this page:

Possible Duplicate: Google Map API inside a Reveal Modal not showing fully I have a Google Map API located within a Reveal Modal. For those that do not know what that is, it is basically a hidden container that pops up when a button is clicked. I have within this reveal modal the Google Map API, which is displaying, but not displaying all of the map, it is only showing maybe a third of it. How do I get the whole map to display? A link to my page: http://simplicitdesignanddevelopment.com/Fannie%20E%20Zurb/foundation/contact_us.html# CLICK ON THE GOOGLE MAP BUTTON TO SEE THE ISSUE AT HAND The

TL;DR: what is the best way to arrange files, package managers and build tools for Laravel 4 + Zurb Foundation 5 combo (with Compass) as one consistent repository with clean public (static) section? I wanted to start a fresh project, based on latest Laravel on the backend side and using Foundation for the frontend. I am new to both of these and apparently I missed some of the tooling that was developed meanwhile when I wasn't doing PHP for some time. My confusion: Laravel uses Composer for installation and dependency/module management. (Ok, I'm new to Composer) Foundation is available as a