Html 如何使用bootstrap 4将单选按钮放置在行的右端？

现在我试着用class

。向右拉

和

。向右浮动

将单选按钮放在右端。它不起作用。编码和图片如下

<div class="row ">
  <div class="form-group col-lg-6">
    <div class="row">
      <label class="Bold">Is Valid</label> 
      <input class="radio-inline float-right" type="radio">Yes 
      <input class="radio-inline float-right"  type="radio" >No
    </div>
  </div>
  <div class="form-group col-lg-6">
    <div class="row">
      <label class="Bold">Is Checked</label> 
      <input class="radio-inline float-right" type="radio">Yes 
      <input class="radio-inline float-right"  type="radio" >No
    </div>
   </div>                                                                                                                
</div>

有效
对
不
检查
对
不

屏幕截图

我想像下面的图片（只是一个样本）

---

您需要将单选按钮包装成一个div

。表单组

，并使用类

d-flex对齐它们之间的内容



有效
对
不
检查
对
不
您需要将单选按钮包装成一个div
。表单组
，并使用类
d-flex对齐它们之间的内容



有效
对
不
检查
对
不
您需要包含
bootstrap.min.css
并将单选按钮包装在
中，并将其设置为
浮动：右


。无线电组{
浮动：对；
}
formrow先生{
右边距：0px！重要；
左边距：0px！重要；
}

有效
对
不
检查
对
不
您需要包含
bootstrap.min.css
并将单选按钮包装在
中，并将其设置为
浮动：右


。无线电组{
浮动：对；
}
formrow先生{
右边距：0px！重要；
左边距：0px！重要；
}

有效
对
不
检查
对
不
嗨，我试过你的。它可以工作，但对于下一行和剩余行，随着标签文本长度的变化，单选按钮的位置也会发生变化。无法将所有行放置在整齐的水平行中。我编辑我的ans并添加我想要的图片如果我在css中使用
.row
类，它会影响我的整个页面行吗？我在我的页面上使用row类，仅供参考，我使用的是bootstrap 4。。bootstrap 3中的一些组件不支持版本4是的，它会影响整个页面，而是使用另一个类来定义css。请查看editsI trued@Bhuwan答案。这对我有用。对不起，非常感谢你的帮助嗨，我试过你的了。它可以工作，但对于下一行和剩余行，随着标签文本长度的变化，单选按钮的位置也会发生变化。无法将所有行放置在整齐的水平行中。我编辑我的ans并添加我想要的图片如果我在css中使用
.row
类，它会影响我的整个页面行吗？我在我的页面上使用row类，仅供参考，我使用的是bootstrap 4。。bootstrap 3中的一些组件不支持版本4是的，它会影响整个页面，而是使用另一个类来定义css。请查看editsI trued@Bhuwan答案。这对我有用。对不起，非常感谢你的帮助嗨，我试过你的了。它创建了一个很大的空间，所以我的按钮覆盖了行中的另一列，我不需要那么多space@Ben你在说什么空间？…上面的工作很好…你能分享一个屏幕截图吗…对不起，我错过了表单组标签。。现在对我有用了。非常感谢你，我试过你的。它创建了一个很大的空间，所以我的按钮覆盖了行中的另一列，我不需要那么多space@Ben你在说什么空间？…上面的工作很好…你能分享一个屏幕截图吗…对不起，我错过了表单组标签。。现在对我有用了。非常感谢