Angular 6和Bootstrap 4+。寻找有关如何根据当前宽度设置引导列样式的最佳实践。考虑以下简单代码：
<div class="col-12 col-md-6" style="margin: 10px;" id="part1"></div>
<div class="col-12 col-md-6" style="margin: 10px;" id="part2"></div>
当视口为xs且每个零件都显示全宽时，我希望页边距为零。在中型和大型显示器上查看时，我希望页边距为10px。有什么最佳实践可以做到这一点？
我应该使用ngClass调用基于另一个类（col-md-6）的类（.my-margin），因为我似乎无法正常工作。大家都认为有帮助的最佳实践是什么？
TIA和快乐的驼峰日。