從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。