从Bootstrap中使用mixin来定制LESS

Question

我想为我的custom.less修改border-radius:20px。如果没有重复编写供应商修正如下，有没有办法从Bootstrap LESS文件中调用现有mixin？

.borderRadius(@radius){ 
border-radius: @radius; 
-moz-border-radius: @radius; 
-webkit-border-radius: @radius; 
} 

div{ 
.borderRadius(20px); 
} 

Answer 1

引导实际上并未使用mixins的供应商前缀了，该前缀与一个autoprefixer完成。

但是，如果你想用引导的其他混入，你可以将它们导入

@import 'path/to/bootstrap/less/mixins/alerts.less` 

.foo { 
    .alert-variant(red, green, blue); 
} 

如果你想修改边界半径，改变或path/to/bootstrap/less/variables.less覆盖@border-radius-base。