如何让 div 有 table 样的边框？

Question

使用 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)高度的问题。如何解决？

Answer 1

您的代码按原样工作除了您必须从 feed-entry 中删除 float:left。 fiddle 在这里：http://jsfiddle.net/zLzjnuuz/

如何让 div 有 table 样的边框？

How to make divs have table-like borders?

html

css

twitter-bootstrap-3