Portal GSTI
Portal GSTI

PublicarCadastre-seLogin
Menu
Publicação

Botão com Bootstrap contendo ícones e cantos arredondados

foto de
Ricardo Sanches CONTEÚDO EM DESTAQUE

Aprenda como criar um botão com Bootstrap contendo ícones e cantos arredondados usando apenas 2 classes CSS.

O interessante deste vídeo é que você pode usar o botão que irá aprender com todas as classes CSS de botões disponíveis no Bootstrap sem ter muito trabalho.

HTML

<a href="#" class="btn btn-primary btn-custom">
<span class="glyphicon glyphicon-ok img-circle text-primary btn-icon"></span>
Acessar
</a>

CSS

.btn-custom {
	padding: 1px 15px 3px 2px;
	border-radius: 50px;
}

.btn-icon {
	padding: 8px;
	background: #ffffff;
}

Para assistir mais vídeos como este é só se inscrever em meu canal no YouTube.

Comentários