Angular 2コンポーネントに余白またはCSSクラスを適用するにはどうすればよいですか？

Question

いくつかのマージンを適用したいコンポーネントがあるとします。これは、好ましくはブートストラップヘルパークラスを介して行います。 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;