Ruby auf Rails App erkennt Stylesheet in Assets nicht

Question

Ich versuche, einen einfachen Rahmen zu einigen Tasten hinzufügen, und ich kann nicht scheinen, um es anzuzeigen.

Ich habe ein Tastenmodul in app/assets/Stylesheets/modules/_buttons.scss, die ich in den application.scss

@import "bootstrap-sprockets"; 
@import "bootstrap"; 

//modules 
@import "modules/buttons"; 

Schaltfläche CSS importiert haben:

.button { 
    border: 1x solid; 
    padding: 1em 1.5em; 
} 

Und dann Ich habe die Schaltfläche Klasse zu meiner Header-Datei hinzugefügt:

<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> 

Warum wird die Grenze nicht angezeigt?

Answer 1

vielleicht versuchen Sie, und bezeichnen Sie eine Farbe in Ihrer CSS-Datei? Ersetzen ... Rand: 1x fest; mit

border: 1px solid #e8e8e8; 

Lassen Sie mich von Ihrem Ergebnis wissen!