Stylowanie formularza, bootstrap 3

Question

w css:
.reg-form   {
    margin-bottom: 100px !important;
}
template html:
  <div class="row">
    <div class="col-md-3 center-block">
      <h1 class="register-header">Stwórz konto</h1>

      <form action="/registerUser" method="post">
        <form-group class="reg-form">
          <label for="">Nazwa</label>
          <input type="text" class="form-control" name="username">
        </form-group>

        <form-group class="reg-form">
          <label for="">Email</label>
          <input type="text" class="form-control" name="email">
        </form-group>

        <form-group class="reg-form">
          <label for="">Hasło</label>
          <input type="password" class="form-control" name="password">
        </form-group>

        <form-group class="reg-form">
          <label for="">Wprowadź ponownie hasło</label>
          <input type="password" class="form-control" name="confirmPassword">
        </form-group>

        <button type="submit" class="btn btn-reg">Zarejestruj się</button>
      </form>
    </div>
  </div>

 

 

Siema mam problem probuje zrobic: Zeby form groupy byly odsuniete od siebie lecz to nic nie daje, jak moge odepchac je od siebie??,  podpowiedzialby ktos ? :)

 

Answer 1

w css:
.form-control   {
    margin-bottom: 100px;
}

czyli dobry styl ale nie ta klasa :)