我试图在某些按钮上添加一个简单的边框,而我似乎无法显示它。
我在app / assets / stylesheets / modules / _buttons.scss中有一个按钮模块,我已将其导入到application.scss
@import "bootstrap-sprockets";
@import "bootstrap";
//modules
@import "modules/buttons";
按钮css:
.button {
border: 1x solid;
padding: 1em 1.5em;
}
然后我将按钮类添加到我的头文件中:
<nav class="navbar navbar-default">
<div class="container-fluid">
<a class="navbar-brand" href="#">OpEd</a>
<ul class="nav navbar-nav navbar-right">
<li><%= link_to "Share your opinion", new_post_path, class: "button" %></li>
<% if user_signed_in? %>
<li><a href= "#"><%= current_user.first_name %></a></li>
<li><%=link_to "Sign out", destroy_user_session_path, method: :delete %></li>
<%else%>
<li><%= link_to "Sign in / Sign up", new_user_session_path, class: "button" %> </li>
<%end%>
</ul>
</div>
</nav>
为什么没有显示边框?
答案 0 :(得分:1)
也许尝试在你的css文件中指定一种颜色? 更换... 边界:1x固体;与
border: 1px solid #e8e8e8;
让我知道你的结果!