div에 표 모양의 경계선을 만드는 방법은 무엇입니까?

Question

부트 스트랩 그리드를 사용하여 경계선과 함께 나타나야하는 행 내부에 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를 제거해야 제외입니다 당신이 작품을 코드입니다. 바이올린은 여기에 있습니다 : http://jsfiddle.net/zLzjnuuz/