我应该使用面板来创建 boxed/gallery 的摘要布局吗？ （见图）

Question

您好，我想创建一个页面以在我当前正在处理的 Bootstrap 网站中呈现上述内容。 Bootstrap 面板是否是创建它的最佳方法，我将不得不覆盖边框、水平线和背景颜色。我相信这很容易做到，但是有更简单的方法吗？

Answer 1

将 AdminLte 中的框与 bootstrap 的列结合使用，只需更改框的背景颜色即可获得您想要的结果。类似于以下内容。

<style>
    .box .orange{
        background-color: orange;
    }

    .box .blue{
        background-color: blue;
    }
</style>

<div class="row">
    <div class="col-md-1">
        <div class="box box-solid orange">
            <div class="box-header with-border">
                <h3 class="box-title">Title of panel</h3>
                <div class="box-body">
                    <p>27 people booked in</p>
                    <p>25 people attented</p>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-1">
        <div class="box box-solid blue">
            <div class="box-header with-border">
                <h3 class="box-title">Title of panel</h3>
                <div class="box-body">
                    <p>27 people booked in</p>
                    <p>25 people attented</p>
                </div>
            </div>
        </div>
    </div>
</div>