表格边框外观,同时仍在引导程序3中使用行和列

时间:2014-03-21 18:28:55

标签: css twitter-bootstrap-3

是否有一种有效的方法可以使美学网格看起来(1px围绕像桌子一样的cols边界),同时仍然有行和列代码。

例如如果我有这个:

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

我希望有一个网格看起来边界的东西。如果我添加CSS:

.tri-block {min-height:250px; padding:15px; text-align:center; border:1px solid #ddd;}

我得到了一些接近的东西,但我当然得到了双色边框,在那里接触。有没有办法实现我所缺少的这种外观?我之所以这样做是因为我仍然希望能够做出响应式细分,并且不想拥有一张桌子,我必须抛出一个表格响应&#34;上课。

0 个答案:

没有答案