Bootstrap Div標籤演示

Question

我試圖複製這個Boostrap tile effect，它提供了頁面內容，我假設它們是標籤，但無法找到合適的樣式，有沒有任何教程可以指出我可以複製這種效果？

Answer 1

您應該做的第一件事是通過瀏覽器檢查元素，以瞭解他們如何創建樣式。通過查看其他人的代碼，您可以學到很多東西。

該網站有這樣的結構：

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

樣式應用到瓷磚類。

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

祝你好運！