Foundation 5 is the 5th version of Zurb foundation front-end framework which is faster to code, to learn and to run than the previous version, Foundation 4. For older versions, please use "zurb-foundation" tag.
Questions tagged [zurb-foundation-5]
314 questions
14
votes
1 answer
Foundation gem Incompatible units: 'rem' and 'px'
I've installed the foundation gem with the version 5.5.2.1. when I start the application i receive this error:
Showing /home/user/Scrivania/sites/store/app/views/layouts/application.html.erb where line #9 raised:
Incompatible units: 'rem' and…
![](../../users/profiles/3125036.webp)
giovaZ
- 1,374
- 2
- 16
- 51
11
votes
2 answers
How to fold table columns into rows on mobile devices?
I'm developing a website featuring a restaurant's menu. Each item is available in different sizes, each at a different price. This is displayed on medium and large devices using a table, with a column for each price:
On mobile devices, the screen…
![](../../users/profiles/759866.webp)
BenMorel
- 30,280
- 40
- 163
- 285
9
votes
3 answers
Work needed to upgrade Zurb Foundation v5 to v6.2
What & how much work is required to upgrade Foundation 5 to 6.2?
Our dev shop is taking over development of an existing F5 project. Seems the front-end layout is 80% complete, though we'll likely transition into JSX to little will be untouched. I…
![](../../users/profiles/1324588.webp)
tomByrer
- 1,016
- 12
- 19
5
votes
2 answers
Foundation 5: Styling my img size to the be 100% of a div
I'm using Foundation 5 to set up a basic page. I'm trying to get a button to change the background-image of a certain div. So far this works, but it only displays a certain area of the image.
This is the code I have so far:
function cW() {
…
![](../../users/profiles/5498520.webp)
Jurntje
- 51
- 5
5
votes
2 answers
Foundation 5: Unexpected end of script
While I was creating a theme for WordPress and reached the menu editing I see the menu doesn't work, so after checking the console log, I notice that foundation.min.js have an issue with Unexpected end of script
What can cause this type of…
![](../../users/profiles/2556515.webp)
Brian Nezhad
- 5,772
- 8
- 39
- 67
4
votes
1 answer
install and configure sass and compass to use with the foundation
Good installed foundation 5 just downloading and copying files
Now to move on veriaveis the need fondation have a .scss file however does not have anything on my Symfony2 project to use them
config.yml
filters:
cssrewrite: ~
compass:…
![](../../users/profiles/5067173.webp)
Marcius Leandro
- 633
- 8
- 28
4
votes
1 answer
Twig - Symfony radio expanded not rendered correctly
I have a form twig template with helpers and form blocks which I want to use to automatically style my form in the way Zurb Foundations expects.
It seems to be working well mostly but I have run into an issue with choice expanded (radio buttons) as…
![](../../users/profiles/1714670.webp)
Kal
- 2,022
- 5
- 31
- 71
4
votes
0 answers
Foundation 5 top bar 'sticky_class' error
Using the ample code from Zurb Foundation 5 docs: