php - 填充和类 col-md 不起作用

Question

我试图将我的单选按钮向右移动这个特定部分很长一段时间但它仍然不起作用，我尝试为其使用填充和类 col-md 甚至检查我的标签是否关闭但是它仍然没有向右移动。有人可以帮我解决这个问题吗？提前致谢。

测试.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>