2015-05-08 17 views
0

Bootstrap page itself上,所有標題和副標題都有一個漂亮的小錨點圖標,只要將鼠標懸停在標題上方就會顯示出來;該圖標提供了到這個標題的鏈接。我想將它加入到我自己的基於Bootstrap的站點中,但我沒有找到任何相關文檔。這是Bootstrap中的標準機制,還是它們添加到其文檔頁面中的單獨的東西?有沒有一種標準的方法可以在Twitter Bootstrap中自動鏈接到標題?

回答

1

Bootstrap的文檔使用Anchor.js添加這些鏈接&圖標。它不是Bootstrap本身的一部分。

+0

啊,非常好 - 我會爲它添加一個Scala.js外觀並使用它。謝謝! –

1

看起來他們的文件樣式表自定義CSS語句:

.anchorjs-link:focus, :hover>.anchorjs-link { 
    opacity: .75; 
    transition: color .16s linear; 
} 

這使錨從0到75%的父元素的懸停透明度。您將生成與服務器端應用程序的鏈接,並在自定義樣式表中應用類似的樣式。

核心的自舉樣式顯示爲瀏覽器的檢查從boostrap.min.css是,和自定義文檔樣式在docs.min.css。如果您對使用瀏覽器的檢查員不熟悉,現在是時候了。這是一個非常寶貴的工具。

+0

Ahhh - 是的,我去了使用Chrome瀏覽器,但錯過了docs.min.css。 (捕捉懸停式的風格總是讓我發瘋。)感謝指針;我將不得不決定是否模仿這個想法... –

相關問題