zurb-foundation

问题 I am using mailgun (although this question has nothing to do with mailgun) to parse the incoming email and mailgun will http post the parsed email to my server. When I received the post, I got the html code for the multi-part email. I want to display the html email to my user, I am using rails, so it's something like <div> <%= raw(message.body_html) %> </div> However, it looks different than it does when I view the same email in yahoo or hotmail (I know different email client will display the

问题 I'm working on someone else's project that was built in wordpress and foundation with compass. I only need to change one line of css, but Codekit keeps throwing up "unable to compile files" messages whenever I save the .scss file. I know that this is a result of the require statement in the project's config.rb file and that codekit doesn't play well with rvm. The solution should be to change codekit's advanced compiler settings to the compass gem I've installed via the command line in my

问题 I'm having problems with my views. I'm using zurb foundation for stylesheets and when I enter wrong input in forms I get the error above the form but the fields containing the errors are not wrapped with red. Looking further into this there is no field_with_errors div wrapper for the input fields. After looking further into this I found out if I use f.input instead of f.text_field I get the correct error wrapping. As zurb has styles for text_field, text_area etc. I'm using those but I don't

问题 I am using Zurb foundation to handle my styling, I know there is a data interchange class for changing images based on screen size but not sure if you can use it to change the background image of a div? background-image:image-url('img_home_first_bar.jpg'); 回答1: You can do this by using media queries as said in the comments by Rahul Desai . Example: HTML: <div class="backgroundchange"></div> CSS: .backgroundchange { width: 100px; height: 100px; background: grey; } @media screen and (min-width:

问题 I need some help with orbit slider. I want to make it 100% width and 100% height , but.... I have a 1920x1080 slider images. Images should always taking 100% height but width should be over 100% (if display propotion will change). Just slider should crop width over browser window ( overflow: hidden; ) .orbit { position: relative; width: 100%; height: 100%; overflow: hidden; max-width: none; } .orbit-container{ max-height: 100%; } .orbit-slide { overflow: hidden; margin: 0 auto; } .orbit-image

问题 I'm trying to figure out if there's any way to deploy this project https://github.com/nataliecardot/zeus-hosting-setup, preferably to GitHub Pages. No dist folder is created when I run foundation build , which apparently is an old issue. Is it possible for my to deploy this in any way? Or if not, any other way to get it online? 回答1: You need to generate the static pages that will be published online, and do so in the appropriate branch. Since master includes what is necessary to generate the

问题 I am using Foundation 5 that working fine with all browser except IE8. I have also try with polyfill but still css issues exist on IE8. Any other solution for this. 回答1: For some businesses it is not a viable option to drop support for IE8. I had to get a Foundation 5 site working in IE8 and here are the steps I took to get it working. Breakdown: Use jQuery v1.x and not v2.x Include IE8 grid support CSS Include shims in HEAD after your CSS cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2

问题 Foundation 5's accordion works great when I use it as per the documentation and open that page directly. However, if I click to another link on my site and then click to the page with the accordion, then the accordion doesn't expand when I click on the headings :(. I figured maybe it's the turbolinks JavaScript messing with Foundation's accordion. So we added this to the link to the page with the accordion: <li data-no-turbolink><%= link_to 'My accordion page', accordion_page_path %></li> Now

问题 Here is part of settings.py : STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static'), ) HTML template: {% load staticfiles %} ... <head> <title>HelpDesk System</title> <script scr="{% static "js/vendor/jquery.js" %}" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="{% static "css/foundation.css" %}"> <script scr="{% static "js/foundation.min.js" %}" type="text/javascript"></script> </head> <body> <script> $(document).ready(function() { $

问题 I'm using Zurb Foundation in my project and it is very convenient. But I'm confused that how can I add my own JavaScript which is just for a specific page's DOM when that page is loading. I used a third-party chart lib in a page's partial and I must initial the chart container with some JavaScript. These JavaScripts can not be combined to the final app.js because other pages don't contain the chart container div . So can any one give me some advice? Edit: The following is my project structure