Questions tagged [zurb-foundation]

Foundation is a cross-device CSS framework, maintained by ZURB, for building both prototypes and production code.

ZURB Foundation acts as framework. The latest versions of Foundation offers customization tools to customize the downloaded package of the framework. It is also fully compatible with layouts.

Resources :

View Latest Release | View Releases history


Related tags :

5132 questions
27
votes
5 answers

Change Wordpress default gallery output

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:
Sheixt
  • 2,546
  • 12
  • 36
  • 65
26
votes
4 answers

Foundation 5 off-canvas full height of device

I'm using Foundation's off-canvas navigation, attempting to make a navigation that takes up the full height of the device. By default, the height of the menu options are determined by the height of the content being shown. This means if your…
willdanceforfun
  • 11,044
  • 31
  • 82
  • 122
25
votes
3 answers

Problems with initiating orbit slider multiple times

I am trying to initiate orbit slider multiple times, by following this example. but I can't get it to work. This is my all.js file $(document).ready(function() { //add input field for external media var max_fields = 10; //maximum input boxes…
Ludwig
  • 1,401
  • 13
  • 62
  • 125
24
votes
1 answer

Prevent Web Essentials in Visual Studio from returning Foundation column validation errors

Using Visual Studio 2013 & Web Essentials 2013 for Update 2. I'm getting many errors from the Foundation validation in the VS Error List, which is rather annoying. When using "columns", you must also specify the class "small-#", "medium-#" or…
Lucidize
  • 283
  • 3
  • 10
23
votes
3 answers

ECONFLICT Unable to find suitable version for jquery Foundation

I am trying to install Foundation but its continuously giving me conflict with Jquery λ bower install foundation bower foundation#x cached https://github.com/zurb/bower-foundation.git#5.5.1 bower foundation#x validate 5.5.1…
Usman Tahir
  • 2,513
  • 4
  • 24
  • 38
23
votes
5 answers

Certificate Verify Failed in "gem install foundation"

Trying to install Foundation after installing nodejs, ruby, and git plus bower. I keep getting the following error and I dont know how to fix it: Could not find a valid gem 'foundation' (>= 0), here is why: Unable to download data from…
NixondisNRVA
  • 341
  • 1
  • 2
  • 9
23
votes
3 answers

How to vertically center elements in Zurb Foundation?

I am building a login form and I want the username and password fields square in the middle of the screen. I am also using the Zurb Foundation package to build this form. I am having a lot of trouble centering things vertically. Here is my…
SimaPro
  • 1,164
  • 4
  • 14
  • 28
22
votes
5 answers

Use Zurb Foundation 4 / Twitter Bootstrap 3 For Non Mobile First Projects

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…
Henson
  • 5,563
  • 12
  • 46
  • 60
21
votes
10 answers

Angular 6 ReferenceError: $ is not defined error with JQuery

I have installed angular 6 with foundation but I am getting an error with JQuery. Uncaught syntaxerror: unexpected identifier ReferenceError: $ is not defined In my component, i have declare var $:any onNgInit () { …
user3701188
  • 638
  • 3
  • 7
  • 23
21
votes
5 answers

How to render different components based off device size?

I'm looking to build a responsive app that has a break point at 1024. When a user logs in/signs up, there will be a few questions to be answered. On mobile, this will be rendered as one question on the screen at a time. The user will then see a…
peterchic
  • 407
  • 1
  • 4
  • 11
21
votes
7 answers

Zurb Foundation 5 toggle-topbar not working

Just switched my rails project to test Zurb Foundation 5 and now the toggle-topbar menu is not working. When the viewport is small, the top bar menu items disappear and the menu icon is displayed as before, but when I click on the menu icon nothing…
Alex Bibiano
  • 633
  • 1
  • 6
  • 19
20
votes
2 answers

How to make react.js play nice together with zurb reveal modal form

I am trying to integrate zurb reveal with form into react component. So far next code properly displays modal form: ModalForm = React.createClass({ handleSubmit: function(attrs) { this.props.onSubmit(attrs); return false; }, render:…
Voldy
  • 12,829
  • 8
  • 51
  • 67
20
votes
2 answers

Django-Bower + Foundation 5 + SASS, How to configure?

I'm in the process of testing out a SASS implementation of Foundation 5 using Django-Bower. I'm new to the idea of Bower and am having a bit of confusion as to how to get this setup working properly. I have django-bower installed and configured to…
Nathan Cox
  • 1,299
  • 13
  • 24
20
votes
4 answers

Thoughts on using Zurb's Foundation+AngularJS?

I know this sounds like a pretty generic question, but I have already made a research and there is not much information out there, other than these two seem not to "play" very well together. I am referring to the latest version of Foundation, 5,…
19
votes
2 answers

"Foundation - ReferenceError: primordials is not defined when starting a foundation zurb project."

Getting an error when creating a Foundation Zurb project. Tried to solve using the previous suggestions shown for other applications, but none are working. A post referenced updating elm, and I did so, however, it did not work. Additionally, I…
Leigh277
  • 191
  • 1
  • 1
  • 6