title: Boostrap 4 alpha 6 - row inside card behavior
body: <p>I am using bootstrap 4 alpha 6 and noticed a strange behavior when using a grid inside the body of a card without card-block.</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;h5&gt;
      The building block of a card is the .card-block. Use it whenever you need a padded section within a card.
      &lt;/h5&gt;
      &lt;h4&gt;
      row inside card "body" with class card-block
      &lt;/h4&gt;
      &lt;div class="card"&gt;
          &lt;div class="card-header"&gt;
              Featured
          &lt;/div&gt;
          &lt;div class="card-block"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-2"&gt;
                      &lt;div class="photo-box"&gt;
                          &lt;img class="img-fluid" src="http://placehold.it/400x300" alt="image"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-2"&gt;
                      &lt;div class="photo-box"&gt;
                          &lt;img class="img-fluid" src="http://placehold.it/400x300" alt="image"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-2"&gt;
                      &lt;div class="photo-box"&gt;
                          &lt;img class="img-fluid" src="http://placehold.it/400x300" alt="image"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-2"&gt;
                      &lt;div class="photo-box"&gt;
                          &lt;img class="img-fluid" src="http://placehold.it/400x300" alt="image"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-2"&gt;
                      &lt;div class="photo-box"&gt;
                          &lt;img class="img-fluid" src="http://placehold.it/400x300" alt="image"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-2"&gt;
                      &lt;div class="photo-box"&gt;
                          &lt;img class="img-fluid" src="http://placehold.it/400x300" alt="image"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;br&gt;
      &lt;br&gt;
      &lt;h4&gt;
      row inside card "body" without class card-block
      &lt;/h4&gt;
      &lt;div class="card"&gt;
          &lt;div class="card-header"&gt;
              Featured
          &lt;/div&gt;
          &lt;div class="foo"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-2"&gt;
                      &lt;div class="photo-box"&gt;
                          &lt;img class="img-fluid" src="http://placehold.it/400x300" alt="image"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-2"&gt;
                      &lt;div class="photo-box"&gt;
                          &lt;img class="img-fluid" src="http://placehold.it/400x300" alt="image"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-2"&gt;
                      &lt;div class="photo-box"&gt;
                          &lt;img class="img-fluid" src="http://placehold.it/400x300" alt="image"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-2"&gt;
                      &lt;div class="photo-box"&gt;
                          &lt;img class="img-fluid" src="http://placehold.it/400x300" alt="image"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-2"&gt;
                      &lt;div class="photo-box"&gt;
                          &lt;img class="img-fluid" src="http://placehold.it/400x300" alt="image"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col-md-2"&gt;
                      &lt;div class="photo-box"&gt;
                          &lt;img class="img-fluid" src="http://placehold.it/400x300" alt="image"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I don't want to use padding for the body of my card </p>
  
  <blockquote>
    <p>The building block of a card is the .card-block. Use it whenever you need a padded section within a card.</p>
  </blockquote>
  
  <p>but my grid comes out of the body of the card.<br> 
  Is a desired behavior or is a bug to fix?</p>
  
  <p>Thank you</p>
  
  <p><a href="https://jsfiddle.net/bd2anwej/" rel="noreferrer">JSFiddle</a> (open full view)</p>