JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="container">
    <div class="row">

    
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="/some/test/path">
                <div class="caption">
                    <h3>some Title</h3>
                    <p>some description</p>
                </div>
                <p>
                    <a href="/validated/shows/edit-show/10" class="btn btn-primary" role="button">Edit Show</a>
                </p>
                <form action="/validated/shows/delete-show" method="POST">
                    <input type="hidden" name="_token" value="10" required>
                    <input type="hidden" name="id" value="10" required>
                    <p><a href="/validated/shows/delete-show/10" class="btn btn-primary" role="button">Delete</a></p>
                </form>
            </div>
        </div>
            
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="/some/test/path">
                <div class="caption">
                    <h3>some Title</h3>
                    <p>some description</p>
                </div>
                <p>
                    <a href="/validated/shows/edit-show/10" class="btn btn-primary" role="button">Edit Show</a>
                </p>
                <form action="/validated/shows/delete-show" method="POST">
                    <input type="hidden" name="_token" value="10" required>
                    <input type="hidden" name="id" value="10" required>
                    <p><a href="/validated/shows/delete-show/10" class="btn btn-primary" role="button">Delete</a></p>
                </form>
            </div>
        </div>
            
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img src="/some/test/path">
                <div class="caption">
                   ...