zurb-foundation

问题 I am using foundation 6 reveal modal window and when you click to open part of the scroll bar leaves where my fixed nav is and shifts content to the right about 5 to 10 px <a class="button" data-open="exampleModal1">View users</a> <!-- This is the first modal --> <div class="reveal" id="exampleModal1" data-reveal> <h1>Awesome!</h1> <p class="lead">Users List!</p> <button class="close-button" data-close aria-label="Close reveal" type="button"> <span aria-hidden="true">x</span> </button> </div>

问题 i want to replace the textareas in my zurb foundation html page using ckeditor, but it wont show up. when i'm put ckeditor into plain html without the zurb foundation component, it works. is there anyone who knows how to fix this? fyi: i'm using latest version of hosted jquery, and this is the source code http://tny.cz/9030e9f0 thanks. 回答1: Okay, I just found it. The problem comes from empty cols attribute value on textarea. I just change <textarea cols=""> to <textarea cols="50"> , and the

问题 I'm using Zurb Foundation 5.5.3 with CSS (and do not wish to use SASS). I'm running Windows XP and if needed have Windows 7. I have images with the following wxh sizes JPEGs out of the camera: 5472x3080 5312x2988 5435x3750 5760x3840 5750x3501 6016x4016 4320x3240 and more sizes.... To what width and height should I resize these content images to get a better page load speed (I'm scoring under 40 in https://www.dropbox.com/s/343u2ksehlbcete/Screenshot%202016-05-20%2016.34.50.png?dl=0 but still

问题 I am using zurb-foundation as css framework and I have a layout with a header where I have a title bar, and two divs. Div on left takes up 4 columns on big screens and the one on right takes 8 columns. The one on right has an image that takes up the whole div's width. On small screens I would like the left div to go below right div, but the problems is that on the small screens left div disappears under the right div. This is the html: <div class="header row row-wrapper"> <div class=

问题 I'm a beginner with jQuery and I'm trying to implement a datepicker. I have the jquery-ui-rails gem in my Gemfile. I'm using foundation and my form is: <div class="row search-area"> <%= form_tag search_index_path, method: :get do %> <div class="small-12 medium-1 large-1 columns search-field"> <%= label_tag "From", nil, class: "right inline" %> </div> <div class="small-12 medium-2 large-2 columns search-field"> <%= text_field_tag(:start_date, params[:start_date], :class => "date-field") %> <

问题 I have Foundation installed with Bower, and I'm including the path in my gulp task like so: .pipe(sass({ includePaths: [ 'bower_components/foundation/scss' ], outputStyle: 'expanded' }) When I @import 'foundation'; into my stylesheet it seems to work fine. But when I start to reference its SASS variables or mixins I start getting errors like the one below: Error: unbound variable $medium-up Any idea why this is happening? Thanks in advance! 回答1: You need to @import 'foundation/settings';

问题 I am trying to figure out a silly thing to work for couple of hours,but doesnt seem to be working.I got the Foundation 5 modal alert window working from my javascript.I have to prevent a delete operation if the user clicks on the Cancel button(On the alert) and do the delete if they click on the Ok or the cross(X) icon to the right. Here is my mark up and javascript for that <div class="reveal-modal small" id="firstModal" data-reveal> <p>Are you sure?</p> <a href="#" class="close-reveal-modal

问题 Hello so I've seen a lot of codes regarding the hover color change on svg's but I can't get it to work. The thing is I am using foundation icons, and here is a sample code: <img src="svgs/fi-mail.svg"> Any idea on changing the color on hover? 回答1: You have to convert the SVG into a native <svg> tag and then you need to apply DOM traversal and CSS to change it. I have a quick snippet, that I modified from elsewhere, and you can use it to change the properties. You need to make the SVG to be an

问题 Using ZURB Foundation XY-Grid, I want to vertically center a cell's content, while still being able to have the cells fill the total height of the grid (for each cell to have it's own background image), which doesn't allow using the class ".align-middle" on the parent grid, since the cell height is then collapsed. I want to be able to do this with a solid solution that will work on many different types of content, where you don't know the name and the height of the grid, so I am not looking

问题 How can I change the breakpoint for Zurb Foundation block via css not SaSS? For example, in my code I defined large-block-grid-3 and medium-block-grid-2 , but the way it looks on small is not for my liking and I want it to break in different width. I want to be able to declare one column grid, but only for a specific custom width. 回答1: In the css you would search for all references to the media query you want to update and change it as needed. The media queries in _settings.css are: Media