zurb-foundation

I get this when using Foundation 5.0.2.0 in production mode. On Rails, Unicorn, NginX & Ubuntu. "NetworkError: 404 Not Found - http://mydomain.com/javascripts/vendor/modernizr.js" Update 3/13/14 I don't have this problem on heroku with foundation-rails-5.1.1.0 . Adding javascript_include_tag "vendor/modernizr" in the head works. I could remove the modernizr I copied to the vendor directory and remove the extra line in app.js I had the same problem on heroku, the app would crash because it couldn't find modernizr.js. Here's how I fixed it: Copy modernizr.js from foundation (wherever you

I have a layout with an image to the left and a text on the right for medium and large views. I want to the text to be BEFORE the image on "small-12" though. The pull/push mechanism does not seem to work with "xxx-12" columns. These are my divs: <div class="large-4 medium-6 small-12">Image</div> <div class="large-8 medium-6 small-12">Text</div> Here you go. You are missing columns. You want to order the small content first. Then push pull http://cdpn.io/xfJph 来源： https://stackoverflow.com/questions/22042690/change-order-for-foundation-small-12-column

Im using asp with foundation, is there anyway to switch between a tab to another using JS or ASP? Link (Simple tab). A possible solution is to assign an id to the tab link and click it using jQuery. Given the following code excerpt, notice the id assigned to the anchor link... <dd><a href="#simple2" id="tabId">Simple Tab 2</a></dd> You could activate this link using this line of jQuery. $("#tabId").click(); Mal If you give the first tab and the first LI .active by default in the HTML, <div id="#TheTabs" class="twelve columns"> <dl class="nice contained tabs"> <dd><a href="#FirstTab" class=

I've created an AngularJS application with yeoman. Now I want to switch the front-end framework from bootstrap to foundation. After I installed foundation with bower install foundation --save Grunt will add the following line to my index.html file. <link rel="stylesheet" href="bower_components/foundation/css/foundation.css" /> How can I force grunt to use the sass way. For the sass way the index.html is untouched (except js files) but the main.scss file nedds the following line or simliar @import "../bower_components/foundation/scss/foundation" to work with the sass. Here is the Grundfile.js

I'm new to foundation and I only have the basic idea on how to use grids. I have these 3 columns that need to be stacked (see "mobile" image) when viewed on mobile/small screens. It should look something like this when in larger screens: Here's my current code. It's not quite what I wanted, and I'm starting to get confused. <div class="row"> <div class="large-12" style="background-color:#bdc3c7;"> <div class="medium-4 medium-push-8 columns" style="background-color: #1abc9c; border: 1px solid #2c3e50;"> <p>TOP ROW</p> </div> <div class="medium-8 medium-pull-4 columns" style="background-color:

I am looking for a Side Nav with multilevel items. By default zurb foundation 5 does not support sub menus for some reason. http://jsfiddle.net/pvG7V/1/ <ul class="side-nav"> <li><a href="#">Link 1</a> </li> <li><a href="#">Link 2</a> </li> <li class="divider"></li> <li><a href="#">Link 3</a> </li> <ul> <li><a href="#">Link 1</a> </li> <li><a href="#">Link 2</a> </li> </ul> <li><a href="#">Link 4</a> </li> </ul> Can this be changed to support submenus with an indicator for sub menu like an down arrow or + sign. To do that, you have to change the side-nav markup and add some css and js. New

I am using the Zurb Foundation 4.1.5 for my application and I am trying to use Zurb Section Javascript to manage "tabs" on the page. However, the data in the tabs on my page is dynamic and loaded by Ajax calls. I need to know how to render or draw this data on the sections content. My javascript methods a) need to be notified whenever a Tab is selected. b) need to be able to programmatically display or select the active tab c) dynamically set the HTML content for each Tab: I have a moustache js template that will be combined with the result of jquery Ajax Call back to set the html for the tab.