html - 将边框线添加到 Bootstrap 网格

Question

enter image description here我有一个使用类 col-md-3 创建的网格，它有 3 列:

<div ng-repeat='(key, value) in permissionsViewContent' class="row">
    <div class="tree_content_permissions_title">
        <span> {{key}}</span>
    </div>
    <div ng-repeat="val in value"
        class="col-md-3 tree_content_permissions">
        <label class="checkbox"> <input type="checkbox"> 
            {{val}}
        </label>
    </div>
</div>

此网格是根据值列表创建的。我希望我的网格在网格中的每一行之后都有边框线。我怎样才能使用 css 做到这一点？

谢谢，

Answer 1

您可以简单地使用 <hr/>标记你想要的地方

你可以这样使用:

DEMO

 <div class="row">
            <div class="tree_content_permissions_title">
                <span>asd</span>
            </div>
            <div class="row">
                <div class="col-md-3 tree_content_permissions">
                    <label class="checkbox">
                        <input type="checkbox" value="sadfdsf" />
                        sdfsdf
                    </label>
                </div>
                <div class="col-md-3 tree_content_permissions">
                    <label class="checkbox">
                        <input type="checkbox" />
                        sdfsdf
                    </label>
                </div>
                <div class="col-md-3 tree_content_permissions">
                    <label class="checkbox">
                        <input type="checkbox" />
                        sdfsdf
                    </label>
                </div>
            </div>
            <hr />
            <div class="row">
                <div class="col-md-3 tree_content_permissions">
                    <label class="checkbox">
                        <input type="checkbox" value="sadfdsf" />
                        sdfsdf
                    </label>
                </div>
                <div class="col-md-3 tree_content_permissions">
                    <label class="checkbox">
                        <input type="checkbox" />
                        sdfsdf
                    </label>
                </div>
                <div class="col-md-3 tree_content_permissions">
                    <label class="checkbox">
                        <input type="checkbox" />
                        sdfsdf
                    </label>
                </div>
            </div>
            <hr />
        </div>