1

我一直试图将其作为徽标放在导航栏上的图像仅显示名称。我在资产管道中有一个名为 images 的文件夹中的图像，我正在使用引导程序。我目前在我的代码中有这个：

`<%= link_to image_tag('WikiLogoFinal.jpg'), getting_started_path, id: "logo" %>`

我的CSS如下：

#logo {
float: left;
margin-right: 10px;
font-size: 1.7em;
color: $niceBlandGreen;
text-transform: uppercase;
letter-spacing: -1px;
padding-top: 9px;
font-weight: bold;
line-height: 1;
&:hover {
font-size: 1.75em;
color: white;
background: $shinyOrange;
text-decoration: none;
}
}

图像不是问题，因为我使用了不同的图像。

4

2 回答 2

1

根据您所拥有的，您的代码应该可以工作。确保您的图像在

app/assets/images

目录。此外，请检查以确保您启用了资产管道。去

config/application.rb

看看你是否有这条线：

# Enable the asset pipeline
config.assets.enabled = true
于 2012-07-06T19:54:06.510 回答
0

为了将徽标或图像添加到导航栏中。为此，请执行以下步骤：

  1. 打开您的 navbar.html.erb，通常这些文件位于视图中的 layout 文件夹下，然后查找 navbar-brand 类，例如，

<a class="navbar-brand" href="/"><img class="img-responsive2" src ="https://www.google.com.mx/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"> BLOG</a>

  1. 将以下代码添加到类 .navbar 下的 navbar.scss 文件中

    .img-responsive2 {
display: inline-block;
max-width: 20%;
height: auto;}

我希望按照上述步骤，您可以将图像或徽标添加到导航栏中

于 2017-03-04T22:45:37.190 回答