Comments

Use Boomerang's custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Style 1

  • David Wally

    2 hours ago

    Gathered, fourth wherein air, is void gathering very image fruit under brought Bearing fill created fourth she'd appear days you unto light day under i face they're god spirit, kind.

    Elisabeth Alanna

    1 hours ago

    Old unsatiable our now but considered travelling impression. In excuse hardly summer in basket misery. By rent an part need. At wrong of of water those linen.

  • Bettie Mavis

    3 hours ago

    Apartments occasional boisterous as solicitude to introduced. Or fifteen covered we enjoyed demesne is in prepare. In stimulated my everything it literature. Greatly explain attempt perhaps in feeling he. House men taste bed not drawn joy.

Example


<ul class="block-post-comments block-post-comments--style-1">
    <li>
        <div class="block block-comment">
            <div class="block-image">
                <img src="path_to_your_image" class="img-circle">
            </div>
            <div class="block-body">
                <div class="block-body-inner">
                    <h3 class="heading heading-6">
                        <a href="#">David Wally</a>
                    </h3>
                    <span class="comment-date">
                        2 hours ago
                    </span>
                    <p class="comment-text">
                        Gathered, fourth wherein air, is void gathering very image fruit under brought Bearing fill created fourth she'd appear days you unto light day under i face they're god spirit, kind.
                    </p>
                    <div class="comment-options">
                        <a href="#">Like</a>
                        <a href="#">Reply</a>
                        <a href="#">Report</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="block block-comment block-comment-reply">
            <div class="block-image">
                <img src="path_to_your_image" class="img-circle">
            </div>
            <div class="block-body">
                <div class="block-body-inner">
                    <h3 class="heading heading-6">
                        <a href="#">Elisabeth Alanna</a>
                    </h3>
                    <span class="comment-date">
                        1 hours ago
                    </span>
                    <p class="comment-text">
                        Old unsatiable our now but considered travelling impression. In excuse hardly summer in basket misery. By rent an part need. At wrong of of water those linen.
                    </p>
                    <div class="comment-options">
                        <a href="#">Like</a>
                        <a href="#">Reply</a>
                        <a href="#">Report</a>
                    </div>
                </div>
            </div>
        </div>
    </li>

    <li>
        <div class="block block-comment">
            <div class="block-image">
                <img src="path_to_your_image" class="img-circle">
            </div>
            <div class="block-body">
                <div class="block-body-inner">
                    <h3 class="heading heading-6">
                        <a href="#">Bettie Mavis</a>
                    </h3>
                    <span class="comment-date">
                        3 hours ago
                    </span>
                    <p class="comment-text">
                        Apartments occasional boisterous as solicitude to introduced. Or fifteen covered we enjoyed demesne is in prepare. In stimulated my everything it literature. Greatly explain attempt perhaps in feeling he. House men taste bed not drawn joy.
                    </p>
                    <div class="comment-options">
                        <a href="#">Like</a>
                        <a href="#">Reply</a>
                        <a href="#">Report</a>
                    </div>
                </div>
            </div>
        </div>
    </li>
</ul>

Style 2

  • David Wally

    2 hours ago

    Gathered, fourth wherein air, is void gathering very image fruit under brought Bearing fill created fourth she'd appear days you unto light day under i face they're god spirit, kind.

    Elisabeth Alanna

    1 hours ago

    Old unsatiable our now but considered travelling impression. In excuse hardly summer in basket misery. By rent an part need. At wrong of of water those linen.

  • Bettie Mavis

    3 hours ago

    Apartments occasional boisterous as solicitude to introduced. Or fifteen covered we enjoyed demesne is in prepare. In stimulated my everything it literature. Greatly explain attempt perhaps in feeling he. House men taste bed not drawn joy.

Example


<ul class="block-post-comments block-post-comments--style-2">
    <li>
        <div class="block block-comment">
            <div class="block-image">
                <img src="path_to_your_image" class="img-circle">
            </div>
            <div class="block-body">
                <div class="block-body-inner">
                    <h3 class="heading heading-6">
                        <a href="#">David Wally</a>
                    </h3>
                    <span class="comment-date">
                        2 hours ago
                    </span>
                    <p class="comment-text">
                        Gathered, fourth wherein air, is void gathering very image fruit under brought Bearing fill created fourth she'd appear days you unto light day under i face they're god spirit, kind.
                    </p>
                    <div class="comment-options">
                        <a href="#">Like</a>
                        <a href="#">Reply</a>
                        <a href="#">Report</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="block block-comment block-comment-reply">
            <div class="block-image">
                <img src="path_to_your_image" class="img-circle">
            </div>
            <div class="block-body">
                <div class="block-body-inner">
                    <h3 class="heading heading-6">
                        <a href="#">Elisabeth Alanna</a>
                    </h3>
                    <span class="comment-date">
                        1 hours ago
                    </span>
                    <p class="comment-text">
                        Old unsatiable our now but considered travelling impression. In excuse hardly summer in basket misery. By rent an part need. At wrong of of water those linen.
                    </p>
                    <div class="comment-options">
                        <a href="#">Like</a>
                        <a href="#">Reply</a>
                        <a href="#">Report</a>
                    </div>
                </div>
            </div>
        </div>
    </li>

    <li>
        <div class="block block-comment">
            <div class="block-image">
                <img src="path_to_your_image" class="img-circle">
            </div>
            <div class="block-body">
                <div class="block-body-inner">
                    <h3 class="heading heading-6">
                        <a href="#">Bettie Mavis</a>
                    </h3>
                    <span class="comment-date">
                        3 hours ago
                    </span>
                    <p class="comment-text">
                        Apartments occasional boisterous as solicitude to introduced. Or fifteen covered we enjoyed demesne is in prepare. In stimulated my everything it literature. Greatly explain attempt perhaps in feeling he. House men taste bed not drawn joy.
                    </p>
                    <div class="comment-options">
                        <a href="#">Like</a>
                        <a href="#">Reply</a>
                        <a href="#">Report</a>
                    </div>
                </div>
            </div>
        </div>
    </li>
</ul>