zurb-foundation

Zurb Foundation SCSS: Can't find bower

由 余生颓废 提交于 2019-12-11 23:54:22
问题 I'm trying to create a new foundation project with Ruby through the Windows command prompt. Every time I try to create a new project I get this error message: Can't find bower. You can install it by running: sudo npm install -g bower What is the Windows command for this? I've tried gem install bower but still get the same message. 回答1: To use Bower on Windows, you must install Git correctly. Install Git first and then use git prompt to install bower. Download and install Git for Windows 来源：

Mobile Menu Back Is Not Working

由 点点圈 提交于 2019-12-11 20:11:31
问题 Have set up a site in Joomla with Zurb's foundation. (in case anyone asks about previous questions that I posed earlier, that was for a different menu. have switched to a different menu) It took me forever to get this menu working. And I mean forever. It's Zurb's top bar menu: http://foundation.zurb.com/docs/components/top-bar.html The only thing left that I can't for the life out me seem to get working is when you resize the page and get the mobile menu, click on either "Program & Services"

Add easing transition to top-bar dropdown menu in Foundation 5

由 橙三吉。 提交于 2019-12-11 19:25:41
问题 I'm new in using Foundation 5. I'm having difficulties putting transition effects to my top-bar dropdown menu. I can't find which part to put a transition effect. I found one solution that applied to Foundation 4 and tried it to Foundation 5 but it didn't make any effects. Can someone point me which CSS rule for the top-bar dropdown menu should I override. The following is the code that I tried to put in one of the CSS rule for the dropdown menu. It is the solution that I found: .top-bar

Cannot get joyride to work - it displays a list

由 半世苍凉 提交于 2019-12-11 19:19:10
问题 I am sure this is something really silly, regarding where to put the files, but here goes: I am trying Foundation 4 using the gem (zurb-foundation), rails 3, ruby 1.9.3 and I am trying to get the joyride feature to work. Here is what I have so far: <body> <h1>Listing products</h1> <div id="firstStop" class="panel">Some awesome part of your site!</div> <table> <tr> <th> <h2 id="numero1" class="so-awesome">Name</h2></th> <th><h3 id="numero2">Price</h3></th> <th></th> <th></th> <th></th> </tr> <

How to add data-dropdown=“drop1” in a menu

由 梦想的初衷 提交于 2019-12-11 18:04:48
问题 I am working to implement a drop-down menu from zurb foundation in Joomla CMS. However, I am having trouble adding data-dropdown="drop1" because I don't know the right way to insert it. What's the best way to insert it in a anchor? Here's the page of the example I'm talking about: http://foundation.zurb.com/docs/components/dropdown.html Here's the example I'm referring from the page above: <a href="#" data-dropdown="drop1">Has Dropdown</a> <ul id="drop1" class="f-dropdown" data-dropdown

Run Webpack based Website and XAMPP apache/php on same port

由 三世轮回 提交于 2019-12-11 17:14:34
问题 I'm running my website inside ZURB Foundation 6.4 project (ZURB Template). This runs on webpack4, Babel7 and gulp (ask taskrunner). I want to allow persistence for user sessions (Login functionality) and therefore want to use the $_SESSION array in my php backend. My Backend is the most recent, no-install XAMPP version. Now I got my backend to create session files inside my session folder in /src/assets/Session. These files are filled with data, but since the Session Cookie isnt sent from

Foundation email validation ajax

由 谁说胖子不能爱 提交于 2019-12-11 16:50:59
问题 I am new to the Zurb Foundation concept and inherited some work to do. In a form I see the following <div class="row"> <div class="small-12 column name-field"> <label class="show-for-medium-up">E-Mail-Adresse:*</label> <input type="text" id="emailAddress" name="emailAddress" value="${requestParameters.emailAddress!}" placeholder="" required pattern="email" /> <small class="error"><i class="fi-alert"></i>Please provide your email address.</small> </div> </div> <div class="row"> <div class=

external font does not work in Foundation.Zurb CSS

由 我的梦境 提交于 2019-12-11 14:09:10
问题 i want to add external font "Droid Serif" and i put the fontface in the foundation.css file. here is the code @font-face{ font-family: 'MyWebFont'; src: url('../font/DroidSerif-Bold-webfont.eot'); src: url('../font/droid-bold/DroidSerif-Bold-webfont.eot?iefix') format('eot'), url('../font/droid-bold/DroidSerif-Bold-webfont.woff') format('woff'), url('../font/droid-bold/DroidSerif-Bold-webfont.ttf') format('truetype'), url('../font/DroidSerif-Bold-webfont.svg#webfont') format('svg'); } now, i

foundation zurb change font-size and full width

由 筅森魡賤 提交于 2019-12-11 12:41:10
问题 I use foundation 4 with SASS. but I can't really find how to change default font-size. For my language, default font-size is too big. I have tried to change some part. as you may know, it's related full-width as well. 1st of all I have changed full width size : $row-width: em-calc(1200) 1000 to 1200. I need wider. is it correct way to change full-width? I have tried to change font size. $base-font-size: 100% !default; $em-base: 16px !default; When I change these. it's related full width. Then

How can i make Foundation tooltip show on focus?

由 痞子三分冷 提交于 2019-12-11 12:40:58
问题 this is what i am doing. <input data-tooltip data-width="350" class="has-tip tip-left" title="enter name" type="text" /> <script> $(document).foundation(); tooltip is working fine on hover to input but i want to call it on focus. please help? 回答1: $(".has-tip").focus(function(){ $(this).foundation(); }); But make sure, you may want to hide the tooltip on focus out. for that you may do this $(".has-tip").blur(function(){ //may be you can hide the tooltip or call the hide function if any. });
订阅 zurb-foundation