Bootstrap Navbar格式不匹配模板

时间:2014-06-21 16:21:41

标签: html css ruby-on-rails twitter-bootstrap templates

下面有两张图片:一张是直接来自bootstrap模板,第二张是将模板文件(css,js等)复制粘贴到我的Rails 4应用程序中。我试着看看rails cast以更好地了解资产管道http://railscasts.com/episodes/279-understanding-the-asset-pipeline?view=comments,但我无法弄清楚我的应用中是什么导致模板中断。

我注意到的问题(每张图片如下): 1)Navbar品牌类有下划线,而不是我的应用程序中的链接,但在模板中。 2)联系我部分在我的网站看起来很丑 3)右上角的about / contact链接的格式与模板的格式不同。

我尝试在我的网站中使用与模板中相同的文件,相同的模板,相同的HTML(显然我搞砸了一些东西)。

我的网站是第一个,原始模板是第二个。有没有人有任何直接的想法?

My website

original template

我的HTML标题包括:

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>


<%= stylesheet_link_tag "/assets/application", :media => "all" %>
<%= javascript_include_tag "/assets/application" %>
<%= csrf_meta_tags %>

1 个答案:

答案 0 :(得分:0)

这已经解决。

当我通过rails gem安装twitter bootstrap时,我能够确定我的application.css文件正在加载一个bootstrap css文件,以及我从bootstrap模板中使用的css文件。

我通过删除

解决了这个问题
=require twitter-bootstrap-static/bootstrap

来自bootstrap_and_overrides.css清单文件。