Add border lines to bootstrap grid

Question

enter image description hereI have a grid created using class col-md-3 which have 3 columns:

<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>

this grid created from a list of values. I want my grid to have border line after each row in my grid. How can I do it using css?

Thanks,

Answer 1

Simply you can use <hr/> tags where you want

You can use like this:

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>