如何使用 Bootstrap 面板构建方框

Question


 <div class="row">
        <h3>Dashboard</h3>
 </div>

如何使用 bootstrap 在仪表板 div 中添加这些框？

我在尝试


 <div class = "panel panel-primary">
            <div class="panel-heading panel-sm" style="padding: 5px 15px;">Statistics</div>
        </div>

但是，我希望它们的内部是方形的，这样我就可以包含有关任务列表的信息。

Answer 1

你可以给正方形一个固定的高度和宽度或者你可以做

<div class="box">data</div>

css :

.box
{
  height: 0px;
  padding-bottom: 100%;
  position: relative;
}

并且所有 child 应该是 position: absolute .

How to build square boxes using Bootstrap Panels