Дополнительно
Создать круглую кнопку в BS3
Я хочу создать кнопку, округлые в BS3 (идеальный круг), с одной fontawesome(4.0) значок в центре.
До сих пор у меня есть следующий код:
HTML-код:
<a href="#" class="btn btn-default"><i class="fa fa-user"></i></a>
Что бы разметку CSS, чтобы сделать эту кнопку, идеальный круг?
39
9
вы можете сделать что-то вроде добавление класса для добавления границы радиуса
HTML-код:
Усс:
в случае, если вы хотите изменить размер, вы должны соответствующим образом изменить размер шрифта или отступы
(Не кросс-браузерное тестирование), но это мой ответ:
Boostrap 3 имеет компонент для этого. Это'ы:
Это лучший справочник, используя шрифт-удивительным.
http://bootsnipp.com/snippets/featured/circle-button?
Усс:
С шрифт высокий иконки, я использовал следующий код, чтобы произвести круглые кнопки/изображения с цветом вашего выбора.
Я имел такую же проблему и придумал очень простое решение Работа для всех (хз, см, нормального и LG) кнопок больше или меньше:
Разница между БТН-хз -см только их обивка. И это не покрывается этот фрагмент. Этот фрагмент кода вычисляет размеры в зависимости от размера шрифта только.
Если вы скачали эти файлы локально, то вы можете изменить следующие классы в Bootstrap-социальной.в CSS, просто добавил границы-радиус: 50%;
А вот ТЭН в HTML
Это работает для меня.
Использовать шрифт-удивительный ввиде иконок (альтернатива загрузчик значки). Вот несколько примеров: http://fontawesome.io/examples/
в
в <кнопка типа=на"глаз" (Клик)=С"сделать () и" класс="в цвет при наведении мыши-нет-фокус не-границы Альфа-стек Альфа-ЛГ" и> <I класс="в цвет-фокус Альфа-круг фа фа-стек-2х" и></а> <промежуток класс="в б-стек-1х" и>1</службы> < кнопка/> <соединение href="и https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" отн="в таблицу стилей, что"/>
в
Для добавления округлые границы в любую кнопку, чтобы добавить границы-радиус собственности. Я верю, что этот класс лучше, потому что можно добавить-это на любой размер кнопки. Если задано высота и ширина вам нужно, чтобы создать и"rouding" класс для каждого размера кнопки.
в
в