zurb-foundation

问题 I'm using the Foundation layout framework, which automatically floats the last sibling of .column to the right and I really appreciate this is a behaviour. However, AngularJS takes it upon itself to insert span.ng-scope after every div.column , which somehow causes browsers to consider the last span the last sibling of .column (even though it is not). Specifically the css in Foundation responsible for this is: [class*="column"] + [class*="column"]:last-child { float: right; } As I understand

问题 I am using the Zurb Foundation 4 framework for my site. I want to have a navbar that is positioned beneath a header that sticks to the top of the page when you scroll past. This works fine, except that the page content jumps up ~45 pixels when the Top Bar sticks to the top of the page. The effect can be seen on this page, though this is a different navigation element: http://foundation.zurb.com/docs/components/magellan.html Is there some way to fix this, or do I have to change my site design

问题 I've downloaded the new Zurb Foundation 6 complete package ( Foundation for Sites ). The archived file contains the following files and folders: [css] > app.css, foundation.css, foundation.min.css [img] > [empty folder] [js] > app.js foundation.js foundation.min.js vendor > jquery.min.js, what-input.min.js I included the JS file in the footer and the CSS at the header: <!-- foundation library and initialization --> <script src="/Foundation/js/foundation.min.js"></script> <script> $(document)

问题 I have a row setup like so: <div class="row"> <div class="small-12 small-push-12 large-6 columns"> <!-- Content --> </div> <div class="small-12 small-pull-12 large-6 columns"> <!-- Content --> </div> </div> Basically, I want the second column to be pulled before the first column when the screen is small, but keep it at proper order for large screens. What am I doing wrong here? The document reflows like it always does. Also, I do realize I can just reverse the order in the HTML itself and it

问题 I have a row setup like so: <div class="row"> <div class="small-12 small-push-12 large-6 columns"> <!-- Content --> </div> <div class="small-12 small-pull-12 large-6 columns"> <!-- Content --> </div> </div> Basically, I want the second column to be pulled before the first column when the screen is small, but keep it at proper order for large screens. What am I doing wrong here? The document reflows like it always does. Also, I do realize I can just reverse the order in the HTML itself and it

问题 I'm using foundation 5 in my rails 4 app. The topbar menu works fine when I send a request. I can hover the items and nested items no problems. Then, I click on one of the items, which has a link_to method associated to it. Sometimes it gives the proper result where my menu still works perfectly, but other times the whole thing freezes. This also makes the back button of the mobile menu disappear. Once I send a new request through the refresh or url, the menu works again. Rails doesn't see

问题 I'm using foundation 5 in my rails 4 app. The topbar menu works fine when I send a request. I can hover the items and nested items no problems. Then, I click on one of the items, which has a link_to method associated to it. Sometimes it gives the proper result where my menu still works perfectly, but other times the whole thing freezes. This also makes the back button of the mobile menu disappear. Once I send a new request through the refresh or url, the menu works again. Rails doesn't see

问题 I am trying to install Foundation but its continuously giving me conflict with Jquery λ bower install foundation bower foundation#x cached https://github.com/zurb/bower-foundation.git#5.5.1 bower foundation#x validate 5.5.1 against https://github.com/zurb/bower-foundation.git#x bower foundation#* cached https://github.com/zurb/bower-foundation.git#5.5.1 bower foundation#* validate 5.5.1 against https://github.com/zurb/bower-foundation.git#* bower jquery#>= 2.1.0 cached https://github.com

问题 I am looking to use the Wordpress gallery shortcut but I want to tie the output into the Foundation Orbit plugin (to make a slider). This is the HTML I am looking to output: <div class="slideshow-wrapper"> <div class="preloader"></div> <ul data-orbit> <li> <img src="img1.png" alt="bla bla bla" /> </li> <li> <img src="img2.png" alt="bla bla bla" /> </li> <li> <img src="img3.png" alt="bla bla bla" /> </li> <li> <img src="img4.png" alt="bla bla bla" /> </li> </ul> </div> Is it possible to put

问题 I am looking to use the Wordpress gallery shortcut but I want to tie the output into the Foundation Orbit plugin (to make a slider). This is the HTML I am looking to output: <div class="slideshow-wrapper"> <div class="preloader"></div> <ul data-orbit> <li> <img src="img1.png" alt="bla bla bla" /> </li> <li> <img src="img2.png" alt="bla bla bla" /> </li> <li> <img src="img3.png" alt="bla bla bla" /> </li> <li> <img src="img4.png" alt="bla bla bla" /> </li> </ul> </div> Is it possible to put