使用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

Bootstrap实际上不再使用mixins作为供应商前缀，前缀用autoprefixer完成。

但是，如果你想使用Bootstrap的其他mixin，你可以直接导入它们

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

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

如果您想修改边框半径，请在@border-radius-base中更改或覆盖path/to/bootstrap/less/variables.less。