Espaçamento

Boa tarde, Victor! Tudo bem?

No projeto do professor, especificamente entre o e-mail e as opções de radio, há um margin bottom do campo de e-mail que vem da classe "form-group" do Bootstrap.

.form-group {
  margin-bottom: 15px;
}

Após, ao criar os radios, ele colocou os dois dentro de <div class="radio">. A configuração CSS Bootstrap dessa classe cria essa margin-top.

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

E ele só acontece na primeira seleção pois também no CSS do bootstrap tem esse trecho:

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

Esse sinal de mais (+) significa que irá selecionar qualquer elemento class="radio" que segue imediatamente após um elemento "class="radio". Ou seja, anulou a margin-top do segundo.

Esses trechos de código que citei aqui não foram criados durante a aula, e sim vêm naturalmente do Bootstrap. Se eles não tem sido aplicados, tem como confirmar se o nome das classes estão corretos ou se você está usando a mesma versão do professor (Bootstrap 3)?

Fico no aguardo! =)

Boa tarde, Victor! Tudo bem?

Por falta de retorno vou marcar o tópico como solucionado, se a dúvida ainda persistir insisto que abra um novo tópico =)

Bons estudos!