パディングとクラスcol-mdが動作しない

Question

私は、この特定の部分のラジオボタンを長時間右にシフトしようとしていますが、それでも動作しません。パディングとクラスcol-mdを使用して試してみます。私のタグが閉じられているかどうかをチェックしても、まだ右に動いていない。誰も私にこの問題を手伝うことができますか？前もって感謝します。

test.blade.php

<div class="form-group"> 
    <label class="col-md-2"><b>Residential Status:</b></label> 
     <div class="col-md-8"> 
     <input type="radio" name="residential_status" value="Local" required> Local<br> 
     <input type="radio" name="residential_status" value="Overseas" required> Overseas<br> 
     </div> 
    </div> 
     <div class="form-group"> 
     <div class="editfield1"> 
     <div class="radio"> 
      <div id="chkNRICid1"> 
      <label style="font-weight: bold">Do you have a NRIC?</label> <br/> 
       <input type="radio" name="NRIC_check" id="nricid1" value="Yes" onclick="document.getElementById('NRIC_check').style.display='block'" required> Yes <br> 
       <input type="radio" name="NRIC_check" id="nricid2" value="No" onclick="document.getElementById('NRIC_check').style.display='none'" required> No 
      </div> 
     </div> 
     </div> 

     <div class="editfield1" id="NRIC_check" style="display:none"> 
     <label for="NRIC_check"> Type your NRIC/FIN number:</label> 
       <label><input type="text" name="nric_number1" id="nric_number1"> </label> 
     </div> 
     </div> 

これは何が起こっているかのスクリーンショットです：（私はそれが住宅ステータスのようになりたい）

Answer 1

非常に多くのわがままとあなたはそれがだけの問題だとした後、あなたのネスティングを固定と一緒に取り除くことができ、非必要なのdivテンプレートの最初の部分で構成以下：返信用

<div class="form-group"> 
    <div class="col-md-2"> 
     <label>Residential Status</label> 
    </div> 
    <div class="col-md-10"> 
     <label><input type="radio" name="residential_status" value="Local" required> Local</label> 
     <br /> 
     <label><input type="radio" name="residential_status" value="Overseas" required> Overseas</label> 
    </div> 
</div> 
<div class="form-group"> 
    <div class="col-md-2"> 
     <label>Do you have a NRIC?</label> 
    </div> 
    <div class="col-md-10"> 
     <label><input type="radio" name="NRIC_check" id="nricid1" value="Yes" onclick="document.getElementById('NRIC_check').style.display='block'" required>Yes</label> 
     <br /> 
     <label><input type="radio" name="NRIC_check" id="nricid2" value="No" onclick="document.getElementById('NRIC_check').style.display='none'" required> No </label> 
    </div> 
</div> 
<div class="form-group" id="NRIC_check" style="display:none"> 
    <div class="col-md-2"> 
     <label>Type your NRIC/FIN number:</label> 
    </div> 
    <div class="col-md-10"> 
     <input type="text" name="nric_number1" id="nric_number1" /> 
    </div> 
</div> 

Answer 2

<div>内部に2つの入力をラップし、多少のマージンを追加する。あなたがブートストラップ4を使用している場合

<div style="margin-left: 50px"> 
    <input ... /> 
    <input ... /> 
</div> 

あなたもできます

<div class="ml-5">