Question

我是Bootstrap的新手。我正在尝试设置以下锚标记颜色

＆＃13;

a {
color: black;
text-decoration: none;
}

＆＃13;

我可以更改检查元素中的颜色，但我似乎无法在我的app / assets / stylesheets / custom.css.scss文件中找到它

＆＃13;

@import "bootstrap-sprockets";
@import "bootstrap";
/* universal */

html {
  overflow-y: scroll;
}

body {
  padding-top: 60px;
}

section {
  overflow: auto;
}

textarea {
  resize: vertical;
}

.center {
  text-align: center;
}

.center h1 {
  margin-bottom: 10px;
}


h1 {
  text-align: center;
}

/* header */

#logo {
  float: left;
  margin-right: 10px;
  font-size: 1.7em;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -1px;
  padding-top: 9px;
  font-weight: bold;
}

#logo:hover {
  color: #fff;
  text-decoration: none;
}

/* typography */

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
}

h1 {
  font-size: 3em;
  letter-spacing: -2px;
  margin-bottom: 30px;
  text-align: center;
}

h2 {
  font-size: 1.2em;
  letter-spacing: -1px;
  margin-bottom: 30px;
  text-align: left;
  font-weight: normal;
  color: #777;
}

p {
  font-size: 1.1em;
  line-height: 1.7em;
}

＆＃13;

欢迎/ index.html.erb

＆＃13;

<div class="center jumbotron">


<h1><%= link_to 'THE M.A.D. BLOGGER', controller: 'articles' %></h1>


  <%= link_to image_tag("rounder.gif", alt: "logo"),
            controller: 'articles' %>

<div>
  <%= link_to "Sign up now!", '#', class: "btn btn-lg btn-primary" %>
</div>

＆＃13;

非常感谢任何帮助。

谢谢。

Answer 1

我忽略了在stylesheets / custom.css.scss

中设置锚标记的样式

＆＃13;

a {

  color: black;

}

＆＃13;

我将Inspect Elements中的默认样式误认为现有样式表/ custom.css.scss

Rails Bootstrap，造型

1 个答案: