title: Bootstrap 4: hide overflow in card-text
body: <p>I have a bootstrap 4 card in which I want to hide the overflow of the subtitle (and show "..."). How can I achieve this? If possible with pure bootstrap code...</p>
  
  <pre><code>&lt;div class="card-block p-1"&gt;
      &lt;p class="card-title"&gt;Test object&lt;/p&gt;
      &lt;p class="card-subtitle text-muted"&gt;Added by Someone with a long name&lt;/p&gt;
      &lt;p class="card-text mx-auto text-center"&gt;&lt;span class="badge badge-pill badge-danger"&gt;€ 800&lt;/span&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>