将Bootstrap样式复制到我的CSS类

Question

我想将Bootstrap的列表组样式应用于我的选择器

my_class > some_selector > ul
my_class > some_selector > ul > li

我想使用与Bootstrap的列表组样式相同的样式。是否可以将list-group和list-group-item的样式复制到我的选择器？

我正在使用bootstrap-sass和Bootstrap 3.x。

Answer 1

你可以使用SASS＆＃39; extend为此。提供了一个很好的例子in their documentation。

基本上，在您的规则中，您可以添加@extend .bootstrap-class以将这些属性添加到您的选择器。

更具体地说，对于list-group，您可能需要以下内容：

.my_class > some_selector > ul {
  @extend .list-group;
  /* custom styles */

  > li {
    @extend .list-group-item;
    /* custom styles */
  }
}