html - 更改 Bootstrap 类 navbar-brand 的字符颜色

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

我正在尝试更改我的导航栏品牌名称的颜色: enter image description here

为此:

enter image description here

例如,对于段落中的任何文本,我使用此 html 代码:

<span style="color: #e74c3c">P</span>aper<span style="color: #e67e22">S</span>tack</h1>

但是我不确定该怎么做,因为我为我的导航栏品牌名称使用了嵌入式 Ruby 代码

<%= link_to 'PaperStack', root_path, class: "navbar-brand" %>

有什么帮助吗?

最佳答案

您可以在 link_to 文本中包含跨度,只需在字符串上调用 html_safe

<%= link_to '<span style="color: #e74c3c">P</span>aper<span style="color: #e67e22">S</span>'.html_safe, root_path, class: "navbar-brand" %>

关于html - 更改 Bootstrap 类 navbar-brand 的字符颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24792683/

相关文章:

ruby-on-rails - Webdriver 延迟问题

javascript - jQuery Clean up 或更好的方法

html - 如何让 flex 元素不填满 flex 容器的高度?

html - iPhone Safari 滚动超出 html 标签

html - Bootstrap Carousel 不显示所有缩略图

javascript - 文本不会包裹在我的 flexbox 容器中

ruby-on-rails - Capistrano 在部署时失败: Assets :使用 SSHKit::Command::Failed 预编译:rake 退出状态:1

ruby-on-rails - 在 Ruby on Rails 中生成多对多模型

javascript - 检查具有特定类的元素是否在主体内

html - CSS 和嵌套表格