将边框线添加到引导网格

Question

​

输入图像描述，并使用hereI -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>

Answer 2

添加这个然后添加DEMO怎么样？

<div ng-repeat='(key, value) in permissionsViewContent'>
    <div  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>
<hr>
</div>