Bootstrap是否有一個基本的圓形圖形

Bootstrap中只有一個基本的圓形圖標嗎？有很多圈子裏有圖像..但我只是想使用基本cirlce。謝謝！Bootstrap是否有一個基本的圓形圖形

2014-08-29 Daniel Aldridge

如何使用點•字符？或這些○◌●◯❍ – QuinnFTW 2014-08-29 19:03:29

由於QuinnFTW..I希望有更大的東西。謝謝！ – 2014-08-29 20:14:12

只需將字體大小增加至6em即可 – QuinnFTW 2014-08-30 00:19:56

不是默認情況下，您需要購買glyphicons的商業版本。不過，還有更好的（免費！）解決方案。只要去Icomoon App並選擇任何你喜歡的圖書館，你甚至可以混合圖書館，甚至可以找到一個完整的圈子。但是，如果您不這樣做，只需將一個圓圈上傳到選定的庫或編輯其中一個現有圖標即可。

順便說一句，Icomoon Free庫有一個完整的EMPTY圓圈，也許你喜歡這個，或者你可以編輯它。

現在，你有你的圖標，只是出口，你就會有圖標和CSS隨時使用，就像與引導

來源

2014-08-29 19:09:01 Devin

不，不。 the Glyphicons Halflings font中沒有這樣的圖標。

Font Awesome has such an icon though（命名爲fa-circle-o）。

來源

2014-08-30 01:48:16 cvrebert

和其他人一樣，Bootstrap團隊選擇不使用標準字符填充圖標點。這是很容易建立自己的，雖然：

.glyphicon.glyphicon-one-fine-dot:before { 
    content: "\25cf"; 
    font-size: 1.5em; 
}

Demo 1

如果你需要非常大的，你可能需要與位置擺弄了一下。你不能減少僞元素上線的高度，所以你必須把它拉下來與邊距：

.glyphicon.glyphicon-one-fine-dot { 
    margin-bottom: -.8em; 
    overflow: hidden; 
} 
.glyphicon.glyphicon-one-fine-dot:before { 
    content:"\25cf"; 
    font-size: 3em; 
}

Demo 2

有一個空的點，也：Demo 3

而且，當然，你可以給它們加上顏色：Demo 4

那麼把它放在一個按鈕中，你問什麼？ No worries.只需使用負頂部邊距。

來源

2014-08-30 02:37:51 isherwood

Bootstrap是否有一個基本的圓形圖形

回答

相關問題