複製引導風格，以我的CSS類

Question

我想引導的名單組樣式應用到我的選擇

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

我想使用相同的樣式，列表組風格引導的。是否有可能將list-group和list-group-item的樣式複製到我的選擇器中？

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

Answer 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 */ 
    } 
}