Bootstrap Div标签演示

Question

我试图复制这个呈现页面内容的Boostrap tile effect，我认为它们是标签，但无法找到合适的样式方式，是否有任何可以指向我的教程可以复制这种效果？

Answer 1

您应该做的第一件事是通过浏览器检查元素，以了解他们如何创建样式。通过查看其他人的代码，您可以学到很多东西。

该网站的结构如下：

<div class="tile">
    <div class="tile-content">
       content here
    </div>
</div>

该样式应用于 tile 类。

css看起来像这样：

.tile{
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #DEDEDE;
    border-bottom-width: 3px;
    margin-bottom: 40px;
    position: relative;
    min-height: 400px;
 }

我创造了一个小提琴，所以你可以看到它在行动并玩它。

http://jsfiddle.net/pfca6rnu/

祝你好运！