title: Ng zorro form control is moved to new line
body: <p><a href="https://stackblitz.com/edit/angular-9jdf3v-8uk7b8?file=src%2Fapp%2Fapp.component.ts" rel="nofollow noreferrer">Stack blitz example</a></p>
  <p>I have nz-form with HORIZONTAL layout, but when window size &lt;  ~576, layout becomes vertical, and input stretches on full screen, what should I do? nzXs just doesn't work</p>
  <pre><code>&lt;form nz-form
  nzLayout='horizontal'
  [formGroup]=&quot;validateForm&quot; (ngSubmit)=&quot;submitForm()&quot;&gt;
  
  &lt;nz-form-item&gt;
  &lt;nz-form-label
    [nzSm]=&quot;6&quot;
    [nzXs]=&quot;24&quot;
    nzFor=&quot;nickname&quot;
    nzRequired
    nzTooltipTitle=&quot;Employee Full Names&quot;
  &gt;
    &lt;span&gt;Names&lt;/span&gt;
  &lt;/nz-form-label&gt;
  &lt;nz-form-control [nzSm]=&quot;14&quot; [nzXs]=&quot;4&quot; nzErrorTip=&quot;Please input employee Fullnames!&quot;&gt;
    &lt;input nz-input id=&quot;nickname&quot; formControlName=&quot;names&quot; /&gt;
  &lt;/nz-form-control&gt;
  </code></pre>