title: How to combine a Bootstrap card (class="card") with Inline Checkboxes (class="form-check-inline"). It seems to not work properly
body: <p>I tried to combine in Bootstrap 4 the class "card" with a form. The form contains two checkboxes. They should be display side by side (class "form-check-inline")</p>
  
  <p>I used sample code from w3schools for setting up a form with inline checkboxes. Everything worked fine. Checkboxes showed up side by side as expected.
  Then I encapsulated it in a card class. After that the checkboxes showed up one above the other</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;h2&gt;Form control: inline checkbox&lt;/h2&gt;
  &lt;p&gt;The form below contains two inline checkboxes:&lt;/p&gt;
  &lt;form action="/action_page.php"&gt;
  &lt;div class="card" style="margin-top:2%"&gt;
  &lt;div class="card-header"&gt;
  Test
  &lt;/div&gt;
  &lt;div class="form-check-inline"&gt;
  &lt;label class="form-check-label" for="check1"&gt;
  &lt;input type="checkbox" class="form-check-input" id="check1" 
  name="vehicle1" value="something" checked&gt;Option 1
  &lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="form-check-inline"&gt;
  &lt;label class="form-check-label" for="check2"&gt;
  &lt;input type="checkbox" class="form-check-input" id="check2" 
  name="vehicle2" value="something"&gt;Option 2
  &lt;/label&gt;
  &lt;/div&gt;
  &lt;/div&gt;      
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is this an issue of the card class or did I something wrong?</p>