title: How to add form button to card
body: <p>I want to add a <code>card-link</code> to my Bootstrap <code>card</code> but this link needs to be a <code>DELETE</code> request (for my resource controller).</p>
  
  <p>I am aware that I could use JavaScript to solve my problems but I would like to instead use a form to submit.</p>
  
  <p>I have currently tried the following:</p>
  
  <pre><code>&lt;div class="card"&gt;
      &lt;img class="card-img-top" src="{{$site-&gt;cover}}" style="width: 100%;"&gt;
      &lt;div class="card-block"&gt;
          &lt;h4 class="card-title"&gt;{{$site-&gt;title}}&lt;/h4&gt;
          &lt;p class="card-text"&gt;{{str_limit($site-&gt;description, 300)}}&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="card-block text-right"&gt;
          &lt;a href="#" class="card-link text-primary"&gt;Edit&lt;/a&gt;
          &lt;form method="POST" action="{{route('admin.site.destroy', ['site' =&gt; $site])}}"&gt;
              &lt;input type="hidden" name="_method" value="DELETE"&gt;
              &lt;input type="hidden" name="_token" value="{{ csrf_token() }}"&gt;
              &lt;button type="submit" class="card-link text-danger"&gt;Delete&lt;/button&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The edit link renders perfectly well (as a button) but the delete button does not render as a <code>card-link</code>.</p>
  
  <p><a href="https://i.stack.imgur.com/9bd60.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9bd60.png" alt="Current layout"></a></p>
  
  <p>So my question, how do I put non-get-request links inside bootstrap card links.</p>