title: Bootstrap 4 Card Header on left side
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"&gt;
  
  
  &lt;div class="row"&gt;
  
    &lt;div class="col-sm-3"&gt;
      &lt;div class="card bg-light mb-3" style="max-width: 18rem;"&gt;
        &lt;div class="card-header"&gt;Logo&lt;/div&gt;
        &lt;div class="card-body"&gt;
          &lt;h5 class="card-title"&gt;Light card title&lt;/h5&gt;
          &lt;p class="card-text"&gt;Some quick example text to build on the card title and make up the bulk of the card's content.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The above code displays: </p>
  
  <pre><code>+-----------+
  | Logo      |
  +-----------+
  |Content    |
  +-----------+
  </code></pre>
  
  <p>But I need it as:</p>
  
  <pre><code>+------+-----------+
  |Logo  | Content   |
  +------+-----------+
  |  Content         |
  +------------------+
  </code></pre>
  
  <p>I need the Card Header on the left side. I am using the latest version of Bootstrap.</p>