Есть ли у бутстрапа базовый круг глификон

Question

Есть только основной круг для глификонов в Bootstrap ??? В них много кругов с изображениями ... но я бы просто хотел использовать базовый cirlce. Спасибо!

Answer 1

Не по умолчанию вам необходимо купить коммерческую версию глификонов. Однако есть лучшее (И БЕСПЛАТНОЕ!) Решение. Просто зайдите в Icomoon App и выберите любую понравившуюся вам библиотеку, вы даже можете смешивать библиотеки и, возможно, даже найти полный круг. Однако, если вы этого не сделаете, просто загрузите круг в выбранную библиотеку или отредактируйте один из существующих значков.

Кстати, библиотека Icomoon Free имеет полный ПУСТОЙ круг, может быть, вам это нравится, или вы можете ее отредактировать.

Теперь, когда у вас есть значки, просто экспорт и вы будете иметь иконки и CSS готовые к использованию, так же, как с Bootstrap

Answer 2

Нет, это не так. В the Glyphicons Halflings font такой значок отсутствует.

Font Awesome has such an icon though (названный fa-circle-o).

Answer 3

Как и другие, команда 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. Просто используйте отрицательный верхний край.