title: Bootstrap: CardHeader with buttons on the right
body: <p>I want to have a Cardheader with Some text on the left and two buttons on the right. This is my html:</p>
  
  <pre><code>&lt;div class="card-header"&gt;
  &lt;div class="col-md-10"&gt;
    &lt;h3 class="w-75 p-3"&gt;{{categorie.name}}&lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="col-md-2 float-right"&gt;
    &lt;button class="btn btn-primary" (click)="onAddCategoieModal(addCategorieModal)"&gt;Add&lt;/button&gt;
    &lt;button class="btn btn-primary" style="margin-left: 1em" (click)="onAddCategoieModal(content)"&gt;Edit&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>But the two buttons get displayed below the h3 like this:</p>
  
  <p><a href="https://i.stack.imgur.com/mQpnq.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mQpnq.png" alt="enter image description here"></a></p>
  
  <p>Any Idea?</p>