はどのようにブートストラップ

Question

こんにちは、私は私の材料テンプレートのラジオボタンを作成している中での入力の間にスペースを与えるために、私は同じ行にラベルやラジオボタンを取得することはできませんよそのhttps://jsfiddle.net/wb8vpbc3/9/

  <div class="row"> 
       <div class="col-12"> 
       <label class="">Employees</label> 
       <div class="form-check"> 
        <label class="custom-control custom-radio"> 
        <input id="radio1" name="radio" type="radio" checked class="custom-control-input"> 
        <span class="custom-control-indicator"></span> 
        <span class="custom-control-description"> 0 - 50</span> 
        </label> 
        <label class="custom-control custom-radio"> 
        <input id="radio2" name="radio" type="radio" class="custom-control-input"> 
        <span class="custom-control-indicator"></span> 
        <span class="custom-control-description">50 - 100</span> 
        </label> 
        <label class="custom-control custom-radio"> 
        <input id="radio3" name="radio" type="radio" class="custom-control-input"> 
        <span class="custom-control-indicator"></span> 
        <span class="custom-control-description">100 - 250</span> 
        </label> 
        <label class="custom-control custom-radio"> 
        <input id="radio4" name="radio" type="radio" class="custom-control-input"> 
        <span class="custom-control-indicator"></span> 
        <span class="custom-control-description">250 - 500</span> 
        </label> 
        <label class="custom-control custom-radio"> 
        <input id="radio5" name="radio" type="radio" class="custom-control-input"> 
        <span class="custom-control-indicator"></span> 
        <span class="custom-control-description">500 - 1000</span> 
        </label> 
        <label class="custom-control custom-radio"> 
        <input id="radio6" name="radio" type="radio" class="custom-control-input"> 
        <span class="custom-control-indicator"></span> 
        <span class="custom-control-description">above 1000</span> 
        </label> 
       </div> 
       </div> 
      </div> 

Answer 1

私のバイオリンは私が<div class="form-check">はあなたが望むものを達成するためにあなたを助けることはないと思います

編集したフィドル： https://jsfiddle.net/wb8vpbc3/11/

 <section id="wrapper"> 
    <div class="login-register" style="background-image:url(../assets/images/background/login-register.jpg);"> 
    <div class="col-10" style="margin:0 auto; top:0px;"> 
     <div class="card company"> 
     <div class="row"> 
      <div class="col-12"> 
      <a href="javascript:void(0)" class="text-info pull-right">skip</a> 
      </div> 
     </div> 
     <div class="card-body"> 
      <div class="text-center"> 
      <h4 class="card-title text-info">Tell us more about your Company</h4> 
      </div> 

      <form class="m-t-40"> 

      <div class="row floating-labels"> 
       <div class="col-4"> 
       <div class="form-group m-b-40"> 
        <input type="text" class="form-control" id="input5"> 
        <span class="bar"></span> 
        <label for="input5">Phone Number</label> 
       </div> 
       </div> 

       <div class="col-4"> 
       <div class="form-group m-b-40"> 
        <input type="text" class="form-control" id="input6"> 
        <span class="bar"></span> 
        <label for="input6">Ext</label> 
       </div> 
       </div> 

       <div class="col-4"> 
       <div class="form-group m-b-40"> 
        <a href="javascript:void(0)" class="btn btn-success">+</a> 
       </div> 
       </div> 
      </div> 

      <div class="row"> 
       <div class="col-12"> 
       <label class="">Employees </label> 
        <label class="custom-control custom-radio"> 
        <input id="radio1" name="radio" type="radio" checked class="custom-control-input"> 
        <span class="custom-control-indicator"></span> 
        <span class="custom-control-description"> 0 - 50</span> 
        </label> 
        <label class="custom-control custom-radio"> 
        <input id="radio2" name="radio" type="radio" class="custom-control-input"> 
        <span class="custom-control-indicator"></span> 
        <span class="custom-control-description">50 - 100</span> 
        </label> 
        <label class="custom-control custom-radio"> 
        <input id="radio3" name="radio" type="radio" class="custom-control-input"> 
        <span class="custom-control-indicator"></span> 
        <span class="custom-control-description">100 - 250</span> 
        </label> 
        <label class="custom-control custom-radio"> 
        <input id="radio4" name="radio" type="radio" class="custom-control-input"> 
        <span class="custom-control-indicator"></span> 
        <span class="custom-control-description">250 - 500</span> 
        </label> 
        <label class="custom-control custom-radio"> 
        <input id="radio5" name="radio" type="radio" class="custom-control-input"> 
        <span class="custom-control-indicator"></span> 
        <span class="custom-control-description">500 - 1000</span> 
        </label> 
        <label class="custom-control custom-radio"> 
        <input id="radio6" name="radio" type="radio" class="custom-control-input"> 
        <span class="custom-control-indicator"></span> 
        <span class="custom-control-description">above 1000</span> 
        </label> 
       </div> 
       </div> 
      </form> 
     </div> 
     </div> 

    </div> 
    </div> 

</section>