如何将边距或CSS类应用于Angular 2组件？

Question

假设我有一个我想要应用某些边距的组件，最好是通过Bootstrap辅助类，例如mt-3申请最高保证金。当我在组件上指定它们时：

<my-custom-input 
   required 
   class="mt-3" 
   name="usr" 
   label="User" 
   placeholder="Please enter username" 
   [(ngModel)]="username">
</my-custom-input>

class="mt-3"没有做任何事情！通过Chrome开发工具手动设置保证金也是不可能的...我猜是因为my-custom-input不是预定义的HTML元素（如div），它不能定义边距？

在任何应用程序中，这似乎都是非常微不足道的事情，但我很惊讶到目前为止我找不到答案。我们如何重新定位这样的组件？至少，在父级别（而不是在组件模板内）指定边距似乎是至关重要的事情吗？..

Answer 1

在你的css中给它display: block;