zurb-foundation

问题 I am trying to get a Text-Input with a Postfix Button in my Top-Bar using Zurb-Foundation as explained here: http://foundation.zurb.com/docs/navigation.php#btopCode However, using the following code the button always ends up below the input: <nav class="top-bar"> <ul> <li class="name"><h1>Home</h1></li> <li class="toggle-topbar"><a href="#"></a></li> </ul> <section> <ul class="left"> <li class="search"> <form class="collapse"> <input type="text"> <button type="submit" class="secondary radius

问题 Every time I run foundation new in my CLI to start up a new Foundation Project I get a long list of Node warnings: (node:15500) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit (node:15500) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit (node:15500) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use

问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 3 years ago . I have a problem on repeating foundation "medium 4 column".when it goes second line the grid behave extraordinary.. take a look on my link1 in chrome it starts from right in second row..and in Firefox it brakes. Also the equalizer not working on this page..it working on other pages like link2 回答1: While Sai Ram

问题 I am not quite sure why my logo on my Test site is left aligning when I go under 600px in screen width? I do not have any float left and I centered the picture with text-align: center also. I am building an email newsletter template. Therefore I use the foundation css framework, and that means tables. Can anybody see why my logo is left align below 600px? HTML <!-- Logo --> <table class="row background-color__white"> <tr> <td class="center" align="center"> <center> <table class="container">

问题 I've been looking at some html templates for Outlook and I've found stuff like Cerberus and Foundation for emails, but none of these tell me how to actually use them. Unless I'm totally blind. I've tried the obvious steps. Attaching a file in a new message and selecting "attach as text". This adds the html is seems. But the responsive css doesn't seem to be working. I've also tried opening the html file in Word and just copying the whole thing in a new message. Which seems to give the same

问题 I need to animate/slide two div on a portfolio page (as per attached image, screenshot on both laptop and phone) simultaneously when the arrows are clicked. I can moderately understand/change JS plugins and am pretty proficient with HTML/CSS. Any recommended plugins or ways to do this without having to write specific JS code? P.S I'm using Foundation framework from Zurb which has the 'Orbit' slider plugin built in, not sure that it's customizable enough to pull this off though 回答1: There is

问题 I use gem 'zurb-foundation', '~> 4.0.0' and gem 'rails', '3.2.13' After 'bundle install', I try to generate standart foundation layout templates ( 'rails g foundation:layout' ), I see 'Could not find generator foundation:layout.' This is 'rails generate --help' output: Usage: rails generate GENERATOR [args] [options] General options: -h, [--help] # Print generator's options and usage -p, [--pretend] # Run but do not make any changes -f, [--force] # Overwrite files that already exist -s, [-

问题 I am developing a website in Zurb Foundation 4 and SASS. My code looks like: <div class="row"> <div class="large-6 columns redbg"> content goes here... </div> <div class="large-6 columns greenbg"></div> </div> Both of inner divs has background. I have a column gutter of 30px.I want this gutter to be white. The possible solution for it to add parent divs for both of inner divs and apply columns and large-6 class to it and this way code will look like: <div class="row"> <div class="large-6

问题 I ran into a problem with Foundation equalizer, I am trying to dynamically readjust div heights with equalizer after I change content with ajax. I searched Foundation documentation, Stack overflow but I found no answer to this problem. I noticed that it readjusts when I resize the browser, so it is possible, I just want to find out how to trigger it. (I obviously don't want to tell visitors to resize the browser every time they click a link) edit: This seems to work, but is that the best

问题 For me, this is a rather complex problem and I'm currently stabbing the beast with your help, which I already received here: SessionID is not communicated between Client/Server in webpack4 project with php/apache backend and here How to configure session.save_path inside php.ini for webpack4 based website? to sum up the imho essentials: I'm running my website front-end from the zurb foundation webserver, which integrates webpack4, babel7 and gulp (taskrunner). My backend is run by a no