Question

我正在运行rails应用程序并安装了twitter-bootstrap-rails gem（v2.2.8）。我试图使用extend方法，但遇到问题：

主/ index.html.erb：

<p class="text-error" >TEST 1</p>
<p class="test" >TEST 2</p>

/app/assets/stylesheets/bootstrap_and_overrides.css：

/*
  =require twitter-bootstrap-static/bootstrap

  Use Font Awesome icons (default)
  To use Glyphicons sprites instead of Font Awesome, replace with "require twitter-bootstrap-static/sprites"
  =require twitter-bootstrap-static/fontawesome
  */

body {
    padding-top: 60px;
}

#error_explanation {
    color: #f00;
ul {
    list-style: none;
    margin: 0 0 18px 0;
}
}

.test
{
    @extend .text-error;
}

＆＃34;测试1＆＃34;按照我的预期渲染，但TEST 2不会继承.text-error格式。

Answer 1

您的文件名应为bootstrap_and_overrides.css.scss而不是bootstrap_and_overrides.css。现在，当我们的Sass编译时，.test选择器变为.test, .text-error

Twitter Bootstrap扩展无法正常工作

1 个答案: