如何將邊距或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

給它一個display: block; 在你的CSS