Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Ausência de explicação de conteúdo.

por Ricardo Rodrigues
| 1001.8k xp | 36 posts
Tester de Softwares

Boa tarde. No curso: Bootstrap: velocidade no front-end, na aula 2, não foi explicado o trecho de código que segue. No vídeo anterior o instrutor até menciona que irá explicar, no entanto quando abri o vídeo o código já estava pronto sem explicação. Gostaria de receber a explicação de alguma forma. Obrigado! 

<div class="btn-group">
                    <a href="#" class="btn btn-default">R$ 190,00</a>
                    <a href="#" class="btn btn-primary">
                        <span class="glyphicon glyphicon-`
                        Comprar

                    </a>
                </div>
1 resposta
solução!
por Natan Souza
| 2115.9k xp | 3725 posts
Instrutor Product Design Lead

Oi Ricado, tudo certo?

A classe btn-group é apenas para agrupar vários botões, ela fica com position: relative basicamente, servindo de referência para caso tenha algum elemento lá dentro com position: absolute.

As classes btn-primarye btn-default são apenas para diferenciar a cor dos botões, há outras cores também.

Já esse span dentro do segundo link é para conseguir colocar um ícone juntamente com o texto. O Bootstrap usa a font-icon Glyphicon e você pode conferir todos os ícones que ela possui na lista de ícones do Bootstrap.

Ah, e é legal ser um elemento inline como o span nesse caso pois aí tanto o ícone quanto o texto ficam na mesma linha.

Espero ter ajudado,

Abcs!