title: Label won't show up next to radio button
body: <p>I've added a form on a website with multiple steps. Everything works, but for some reason, the radio buttons that I use in the form won't display the label next to the radio button but below. </p>
  
  <p>Tried to alter the CSS file, but can't seem to find why it is doing that at all. I'm missing something...</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body{
    color:#333;
    background:#FFF;
  }
  
  input[type="text"],
  input[type="email"],
  select.form-control {
      height: 50px;
      margin: 0;
      padding: 0 20px;
      vertical-align: middle;
      background: #f8f8f8;
      border: 3px solid #ddd;
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      font-weight: 300;
      line-height: 50px;
      color: #888;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      -o-transition: all .3s;
      -moz-transition: all .3s;
      -webkit-transition: all .3s;
      -ms-transition: all .3s;
      transition: all .3s;
  }
  
  input[type=radio] {
   height:20px;
      margin-top: 8px !important;
  }
  
  textarea,
  textarea.form-control {
      padding-top: 10px;
      padding-bottom: 10px;
      line-height: 30px;
  }
  
  input[type="text"]:focus,
  textarea:focus,
  textarea.form-control:focus {
      outline: 0;
      background: #fff;
      border: 3px solid #ccc;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  
  input[type="text"]:-moz-placeholder,
  textarea:-moz-placeholder,
  textarea.form-control:-moz-placeholder {
      color: #888;
  }
  
  input[type="text"]:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  textarea.form-control:-ms-input-placeholder {
      color: #888;
  }
  
  input[type="text"]::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  textarea.form-control::-webkit-input-placeholder {
      color: #888;
  }
  
  button.btn {
      height: 50px;
      margin: 15px 0 0 0;
      padding: 0 20px;
      vertical-align: middle;
      background: #2d3e50;
      ;
      border: 0;
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      font-weight: 300;
      line-height: 50px;
      color: #fff;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      text-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      -o-transition: all .3s;
      -moz-transition: all .3s;
      -webkit-transition: all .3s;
      -ms-transition: all .3s;
      transition: all .3s;
  }
  
  button.btn:hover {
      opacity: 0.6;
      color: #fff;
  }
  
  button.btn:active {
      outline: 0;
      opacity: 0.6;
      color: #fff;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  
  button.btn:focus {
      outline: 0;
      opacity: 0.6;
      background: #FF0000;
      ;
      color: #fff;
  }
  
  button.btn:active:focus,
  button.btn.active:focus {
      outline: 0;
      opacity: 0.6;
      background: #FF0000;
      ;
      color: #fff;
  }
  
  
  strong {
      font-weight: 500;
  }
  
  .btn-link-1 {
      display: inline-block;
      height: 50px;
      margin: 0 5px;
      padding: 16px 20px 0 20px;
      background: #26A69A;
      font-size: 16px;
      font-weight: 300;
      line-height: 16px;
      color: #fff;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
  }
  
  .btn-link-1:hover,
  .btn-link-1:focus,
  .btn-link-1:active {
      outline: 0;
      opacity: 0.6;
      color: #fff;
  }
  
  .btn-link-2 {
      display: inline-block;
      height: 50px;
      margin: 0 5px;
      padding: 15px 20px 0 20px;
      background: rgba(0, 0, 0, 0.3);
      border: 1px solid #fff;
      font-size: 16px;
      font-weight: 300;
      line-height: 16px;
      color: #fff;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
  }
  
  .btn-link-2:hover,
  .btn-link-2:focus,
  .btn-link-2:active,
  .btn-link-2:active:focus {
      outline: 0;
      opacity: 0.6;
      background: rgba(0, 0, 0, 0.3);
      color: #fff;
  }
  
  .form-box {
      margin-top: 40px;
      margin-bottom:40px;
      padding:0;
      font-family: 'Roboto', sans-serif !important;
   -webkit-box-shadow: 0px 0px 30px 8px rgba(0,0,0,0.15);
   -moz-box-shadow: 0px 0px 30px 8px rgba(0,0,0,0.15);
   box-shadow: 0px 0px 30px 8px rgba(0,0,0,0.15);
  }
  
  .form-top {
      overflow: hidden;
      padding: 0 25px 15px 25px;
      background: #2d3e50;
      -moz-border-radius: 4px 4px 0 0;
      -webkit-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0;
      text-align: left;
      color: #fff;
      transition: opacity .3s ease-in-out;
  }
  
  .form-top h3 {
      color: #fff;
  }
  
  .form-bottom {
      padding: 25px 25px 30px 25px;
      background: #eee;
      -moz-border-radius: 0 0 4px 4px;
      -webkit-border-radius: 0 0 4px 4px;
      border-radius: 0 0 4px 4px;
      text-align: left;
      transition: all .4s ease-in-out;
  }
  
  .form-bottom:hover {
      -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  }
  
  form .form-bottom button.btn {
      min-width: 105px;
  }
  
  form .form-bottom .input-error {
      border-color: #d03e3e;
      color: #d03e3e;
  }
  
  form.registration-form fieldset {
      display: none;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- 
    Bootstrap docs: https://getbootstrap.com/docs
  --&gt;
  
  &lt;div class="container"&gt;
    &lt;div class="row"&gt;
     &lt;div class="col-md-12 form-box"&gt;
       &lt;form action="" method="post" class="registration-form"&gt;
           &lt;div class="form-top"&gt;
             &lt;h3&gt;1. Aantal werknemers binnen je organisatie&lt;/h3&gt;
           &lt;/div&gt;
           &lt;div class="form-bottom"&gt;
                                  &lt;div class="row"&gt;
                                      &lt;div class="col-md-12"&gt;
                                          &lt;div class="form-group"&gt;
                                              &lt;input type="radio" class="form-control" name="q1" id="q1" value="0"&gt;
                                              &lt;label&gt;0 werknemers&lt;/label&gt;                                          
                                              &lt;input type="radio" class="form-control" name="q1" id="q1" value="1-5"&gt;
                                              &lt;label&gt;1 - 3 werknemers&lt;/label&gt;
                                              &lt;input type="radio" class="form-control" name="q1" id="q1" value="6-10"&gt;
                                              &lt;label&gt;4 - 10 werknemers&lt;/label&gt;
                                              &lt;input type="radio" class="form-control" name="q1" id="q1" value="11-19"&gt;
                                              &lt;label&gt;11 - 50 werknemers&lt;/label&gt;
                                              &lt;input type="radio" class="form-control" name="q1" id="q1" value="+50"&gt;
                                              &lt;label&gt;meer dan 50 werknemers&lt;/label&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;button type="button" class="btn btn-next"&gt;Volgende&lt;/button&gt;
                              &lt;/div&gt;
       &lt;/form&gt;
     &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>See: <a href="https://jsfiddle.net/diegie/odfv0h6s/1/" rel="nofollow noreferrer">https://jsfiddle.net/diegie/odfv0h6s/1/</a></p>
  
  <p>Anybody sees where I'm going wrong?</p>