将 Bootstrap 样式复制到我的 CSS 类答案

【问题标题】：Copy Bootstrap styles to my CSS class将 Bootstrap 样式复制到我的 CSS 类
【发布时间】：2016-07-27 20:09:15
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

您可以为此使用 SASS 的 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 */
  }
}

【讨论】：