rails bootstrap css优化

Question

我有很多表，而不是总是给出类%table.table.table-hover.table-condensed.table-responsive.table-bordered，我可以以某种方式将其设置为%table，它将从application.css.scss获取所有其他选项吗？

我试过

.table {
    .table-responsive;
    .table-bordered;
}

，但它显示错误。

有什么想法吗？

Answer 1

@extend看起来像是你问题的解决方案。 将以下内容添加到您的scss：

table {
  @extend .table, .table-hover, .table-condensed, .table-responsive, .table-bordered
}

小心，但是：@extend很棘手，并没有将.table，.table-hover等属性添加到你的'table＆＃39;的定义中，而是添加了内容阻止编译的css中提到任何其他类的所有位置。