Html 如何在不使用媒体查询的情况下填补div的空白？

我正在使用引导卡在桌面上构建此布局：

到目前为止还不错，在这个宽度上，一切都还可以：

但从该宽度到桌面宽度，容器未填充：

使用图像构建卡片的HTML为：

<div class="card h-60">
                    <div>
                            <div class="row box">
                                    <div class="box-content formal">
                                            <div class="col-md-12">
                                                    <img class="imageban" src="img/crm.png" />
                                                    <span><b>CRM</b></span>
                                            </div>
                                    </div>
                                <div class="box-right">
                                    <a href="#">
                                        <img class="img-responsive" src="img/img1.jpg"/>
                                    </a>
                                </div>
                            </div>
                    </div> 
                    <div>
                        <div class="row box">
                                <div class="box-content report">
                                        <div class="col-md-12">
                                                <img class="imageban" src="img/report.png" />
                                                <span><b>Report</b></span>
                                        </div>
                                </div>
                            <div class="box-right">
                                <a href="#">
                                    <img class="imageban" src="img/img4.jpg"/>
                                </a>
                            </div>
                        </div>
                    </div> 
                    <div>
                        <div class="row box">
                            <div class="box-content formal">
                                    <div class="col-md-12">
                                            <img class="img-responsive" src="img/formal_notices.png" />
                                            <span><b>Formal Notices</b></span>
                                    </div>
                            </div>
                            <div class="box-content text">
                                <a href="#">
                                    Open the Formal <br>Notice Document <br>Library
                                </a>
                            </div>
                        </div>
                    </div> 
            </div>

---

我被困在这里面了，任何帮助都会很好。谢谢。

您可以删除class.box并使用引导类代替col-md-4 col-xs-12。

阅读。。。内容必须放在列中，并且只有列可以是行的直接子项。

 .row.box{
     max-width: 345px;
 }