引導箭頭附在div

Question

我對引導程序和前端框架非常非常陌生。但是，我能夠注意到使用引導程序的網站具有共同的特徵。下面的圖片包含了我發現在bootstrap網站中非常普遍的內容。指向下方文本的向下（或任何方向）藍色箭頭也是我所指的。

我用螢火蟲檢查元素，發現它與.hero-unit div相關。

這個工作到底如何，它是如何完成的？

Answer 1

它不標準自舉，但Here is a good article關於如何處理:after，我相信是你在找什麼。

Demo

.hero:after { 
    z-index: -1; 
    position: absolute; 
    top: 100%; 
    left: 50%; 
    margin-left: -10px; 
    content:''; 
    width: 0; 
    height: 0; 
    border-top: solid 10px #e15915; 
    border-left: solid 10px transparent; 
    border-right: solid 10px transparent; 
} 

你讓三角形通過調整border-*屬性較大和較小的，也是利潤率左（境* -1）。

Answer 2

這裏是你在螢火蟲發現了什麼。英雄單位確實指的是一個jumbotron風格的標題，一個可用於自舉的大標題元素。你可以在這裏找到這個元素：

http://getbootstrap.com/2.3.2/components.html#typography

不過你指的箭頭似乎有什麼東西已經被設計開發者和不來引導單元。