title: Align Bootstrap 4 Button with other content of the page in Angular 6
body: <p>I am using bootstrap 4 where Buttons are not aligned ....<a href="https://i.stack.imgur.com/rViCT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rViCT.png" alt="enter image description here"></a></p>
  
  <p>I fix this issue writing some css</p>
  
  <pre><code>.btn-success, .btn-danger, .btn-primary {
  margin-left: 30px;
  margin-right: -15px;
  </code></pre>
  
  <p>}  </p>
  
  <p><a href="https://i.stack.imgur.com/XoZ6Z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XoZ6Z.png" alt="enter image description here"></a></p>
  
  <p><strong>Html</strong></p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;div class="col-xs-12"&gt;
  &lt;form&gt;
    &lt;div class="row ml-auto"&gt;
      &lt;div class="col-sm-5 form-group"&gt;
        &lt;label for="name"&gt;Name&lt;/label&gt;
        &lt;input type="text" id="name" class="form-control"&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-2 form-group"&gt;
        &lt;label for="amount"&gt;Amount&lt;/label&gt;
        &lt;input type="number" id="amount" class="form-control"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-xs-12"&gt;
        &lt;button class="btn btn-success" type="submit"&gt;Add&lt;/button&gt;
        &lt;button class="btn btn-danger" type="submit"&gt;Delete&lt;/button&gt;
        &lt;button class="btn btn-primary" type="submit"&gt;Clear&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I use bootstrap classes ml-auto, float-right but nothing solve my problem. I believe there is better way of solving this problem ...</p>