Czy bootstrap ma podstawowe koło glifowe?

Question

Czy istnieje tylko podstawowe koło dla glifów w Bootstrap? Jest w nich mnóstwo kółek ze zdjęciami, ale chciałbym użyć prostej krzywki. Dzięki!

Answer 1

domyślnie nie musisz kupować komercyjnej wersji glifów. Istnieje jednak lepsze (I BEZPŁATNE!) Rozwiązanie. Po prostu przejdź do Icomoon App i wybierz dowolną bibliotekę, możesz nawet miksować biblioteki, a może nawet znaleźć pełne koło. Jeśli jednak tego nie zrobisz, po prostu prześlij krąg do wybranej biblioteki lub edytuj jedną z istniejących ikon.

Nawiasem mówiąc, biblioteka Icomoon Free ma pełne koło PUSTE, może ci się to podoba, lub możesz ją edytować.

Teraz masz swoje ikony, jedynie wywozu i będziesz mieć ikony i CSS gotowy do użycia, podobnie jak z Bootstrap

Answer 2

Nie, tak nie jest. Nie ma takiej ikony w the Glyphicons Halflings font.

(o nazwie fa-circle-o).

Answer 3

Jak powiedzieli inni, zespół Bootstrap zdecydował się nie wypełniać spotu ikon standardową postacią. Jest to dość łatwo zbudować własny, choć:

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

Demo 1

Jeśli trzeba to bardzo duży może trzeba pobawić się ze stanowiskiem trochę. Nie można obniżyć line-height na pseudo-elementu, więc trzeba wyciągnąć go z marginesami:

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

Demo 2

Jest pusta kropka też: Demo 3

I oczywiście możesz je pokolorować: Demo 4

Co powiesz na dopasowanie do przycisku? No worries. Po prostu użyj ujemnego górnego marginesu.