Css 在bootstrap3中仍然使用行和列时的表边框外观

Css 在bootstrap3中仍然使用行和列时的表边框外观,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,是否有一种有效的方法可以使网格看起来美观(cols周围的1px边框像一个表格),同时仍然有行和列代码 例如,如果我有: <div class="row"> <div class="tri-block col-lg-3 col-md-3 col-sm-4 col-xs-12"> <h4>Title</h4> <img src="" alt=""

是否有一种有效的方法可以使网格看起来美观(cols周围的1px边框像一个表格),同时仍然有行和列代码

例如,如果我有:

        <div class="row">
            <div class="tri-block col-lg-3 col-md-3 col-sm-4 col-xs-12">
               <h4>Title</h4>
               <img src="" alt="" />
               <span>Description</span>
            </div>
            <div class="tri-block col-lg-3 col-md-3 col-sm-4 col-xs-12">
               <h4>Title</h4>
               <img src="" alt="" />
               <span>Description</span>
            </div>
            ...
         </div>

我得到了一些接近的东西,但我当然得到了两个边界,在那里,col接触。有没有一种方法可以实现我所缺少的外观?我这样做的原因是因为我仍然想要响应性细分,不想有一张表,我必须在上面加一个“表响应”类。

垂直边距呢?顶部或底部是的,如果我希望它们是中间有空间的盒子,那就行了。我试着让他们在每件东西周围和每件东西之间都有一个1px的边界。
.tri-block {min-height:250px; padding:15px; text-align:center; border:1px solid #ddd;}