如何使div具有表格般的边框?

时间:2015-02-05 01:56:01

标签: html css twitter-bootstrap-3

使用bootstrap网格我设法在行内部有div块,它应该带有边框。行中的每个div必须显示相同的大小。到目前为止,我有: 的 HTML

<div class="row">
<div class="col-md-4 col-sm-6 feed-entry  ng-repeat="feed in feeds" ng-scope"></div>

</div>

CSS

.row {
    display: table;
    border-style: solid;
    border-width: 1px;
    border-color: #333333;
}

[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}
.feed-entry{
    border-right-color: #737373;
    border-right-width: 1px;
    border-right-style: solid;
    float: left !important;
    padding-bottom: 5px;
}

.feed-entry的右边框限制为内容(div)高度的问题。如何解决?

enter image description here

1 个答案:

答案 0 :(得分:1)

您使用的代码外,您必须从float:left删除feed-entry。小提琴在这里:http://jsfiddle.net/zLzjnuuz/