Html 缩略标题btn don'；除非我将css直接放在浏览器中，否则不会显示

我正在尝试设置缩略图标题btn的样式，但它没有显示在浏览器中！当我直接在浏览器中检查元素时，css代码不会出现，而当我将css代码直接放在浏览器中时，它会起作用。有什么问题？ 这是我的html

<div class="portfolio">
  <div class="jumbotron"></div>
  <div class="container">
    <row>
        <a class="col-md-6 project", target="_blank">
            <div class="thumbnail-header">
                <div class="thumbnail-header-btn"></div>
                <div class="thumbnail-header-btn"></div>
                <div class="thumbnail-header-btn"></div>
            </div>
            <div class="thumbnail">
                <%= image_tag 'edoss1.png'%>
            </div>
            <h3>Hello</h3>
            <p>This project is ....</p>
        </a>
        <a class="col-md-6 project" href="#">
            <div class="thumbnail-header">
                <div class="thumbnail-header-btn"></div>
                <div class="thumbnail-header-btn"></div>
                <div class="thumbnail-header-btn"></div>
            </div>
            <div class="thumbnail">
                <%= image_tag 'hipme1.png' %>
            </div>
            <h3>Hello</h3>
            <p>This project is ....</p>
        </a>
    </row>
  </div>
</div>

---

我最近正在研究RubyonRails。提前感谢

do

您的任何

样式是否从此文件进入浏览器？这是

scss

而不是

css

。你安装了“sass-rails”gem吗？事实上，我是新来的，它是scs而不是css。你是对的。是的，工作表已连接，我可以看到.缩略图标题代码和浏览器中的所有其他元素，但看不到.缩略图标题btn。这让我发疯，这就是问题所在吗？如果是这样的话，我会给这个问题写一个答案。。。

.portfolio {
  .container {
    padding: 0 100px;
  }
  .jumbotron {
    background: url("window.png") center center;
    position: relative;
    height: 300px;
  }
  .thumbnail {
    border: 0;
    border-radius: 1px;
    max-height: 240px;
    padding: 0;
    overflow: hidden;
  }
  .thumbnail-header {
    background-color: #eaeff4;
    display: block;
    height: 20px;
  }
  .thumbnail-header-btn {
    background-color: white;
    border-radius: 100%;
    float: left;
    height: 10px;
    margin: 5px 0px 0px 5px;
    width: 10px;
  }
}