<div class="row">
        <div class="col-md-3 m-3">
            <strong>innerHTML</strong>

            <div hx-get="/htmx/innerHtml" hx-trigger="click" hx-swap="innerHTML">Click Me</div>
        </div>
        <div class="col-md-3 m-3">
            <strong>outerHTML</strong>

            <div hx-get="/htmx/outerHTML" hx-trigger="click" hx-swap="outerHTML">Click Me</div>
        </div>
            <div class="col-md-3 m-3">
            <strong>textContent</strong>

            <div hx-get="/htmx/textContent" hx-trigger="click" hx-swap="textContent">Click Me</div>
        </div>
        <div class="col-md-3 m-3">
            <strong>beforebegin</strong>

            <div hx-get="/htmx/beforebegin" hx-trigger="click" hx-swap="beforebegin">Click Me</div>
        </div>
        <div class="col-md-3 m-3">
            <strong>afterbegin</strong>

            <div hx-get="/htmx/afterbegin" hx-trigger="click" hx-swap="afterbegin">Click Me</div>
        </div>
        <div class="col-md-3 m-3">
            <strong>beforeend</strong>

            <div hx-get="/htmx/beforeend" hx-trigger="click" hx-swap="beforeend">Click Me</div>
        </div>
        <div class="col-md-3 m-3">
            <strong>afterend</strong>

            <div hx-get="/htmx/afterend" hx-trigger="click" hx-swap="afterend">Click Me</div>
        </div>
        <div class="col-md-3 m-3">
            <strong>delete</strong>

            <div hx-get="/htmx/delete" hx-trigger="click" hx-swap="delete">Click Me</div>
        </div>
        <div class="col-md-3 m-3">
            <strong>none</strong>

            <div hx-get="/htmx/none" hx-trigger="click" hx-swap="none">Click Me</div>
        </div>
    </div>