Html 祖鲁基金会宝石破碎导航 我通常使用推特引导程序来实现我的项目,但是我认为我会给ZURB基金会GEM一个GO。我已经完全按照计划进行了。当我添加导航时: <div class="row"> <div class="three columns"> <h1><img src="http://placehold.it/400x100&text=Logo" /></h1> </div> <div class="nine columns"> <ul class="nav-bar right"> <li><a href="#">About</a></li> <li><a href="#">Work</a></li> <li><a href="#">Contact</a></li> </ul> </div> </div>
我得到以下信息: 请注意,徽标占位符未与右侧的导航对齐,并且导航链接上没有灰色渐变 My application.html.erb如下所示:Html 祖鲁基金会宝石破碎导航 我通常使用推特引导程序来实现我的项目,但是我认为我会给ZURB基金会GEM一个GO。我已经完全按照计划进行了。当我添加导航时: <div class="row"> <div class="three columns"> <h1><img src="http://placehold.it/400x100&text=Logo" /></h1> </div> <div class="nine columns"> <ul class="nav-bar right"> <li><a href="#">About</a></li> <li><a href="#">Work</a></li> <li><a href="#">Contact</a></li> </ul> </div> </div>,html,ruby-on-rails-3,sass,zurb-foundation,Html,Ruby On Rails 3,Sass,Zurb Foundation,我得到以下信息: 请注意,徽标占位符未与右侧的导航对齐,并且导航链接上没有灰色渐变 My application.html.erb如下所示: <!DOCTYPE html> <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> <!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![end
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Uncomment to make IE8 render like IE7 -->
<!-- <meta http-equiv="X-UA-Compatible" content="IE=7" /> -->
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title><%= content_for?(:title) ? yield(:title) : CONFIG['title'] %></title>
<!-- Included CSS Files -->
<%= stylesheet_link_tag "application" %>
<%= csrf_meta_tags %>
</head>
<body>
<%= render 'layouts/navigation' %>
<div class="container">
<%= yield %>
</div>
<!-- Included JS Files -->
<%= javascript_include_tag "application" %>
<% if CONFIG['google_analytics_id'] %>
<!-- Google Analytics -->
<script>
var _gaq=[['_setAccount','<%= CONFIG['google_analytics_id'] %>'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
<% end %>
</body>
</html>
var_gaq=[[“设置帐户”,“跟踪页面视图”];
(函数(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g、 src=('https:'==location.protocol?'//ssl':'//www')+'.google analytics.com/ga.js';
s、 parentNode.insertBefore(g,s)}(文档,'script');
<代码> > p>我通过更新ZURB基金会GEM并参考。我使用的是Zurb2.X而不是3.X
gem文件应包括:
gem 'compass-rails'
gem 'zurb-foundation', '~> 3.2.4'
application.scss现在应该具有:
@import "foundation";
而不是:
*= require "foundation"