Javascript 在Bootstrap 3之间添加交互元素时，如何固定多个收音机之间的间距？

每当我尝试在表单上的收音机之间添加所谓的附加选项元素时，引导BS3会导致在收音机上设置不同的边距。这不是多余的，除非在选择所需的单选选项之前隐藏这些附加选项：

$document.readyfunction{ $additional-options-1.css显示块； $input[type=radio][name=optionsRadios].changefunction{ 如果this.value==option1{ $additional-options-1.css显示块； }否则{ $additional-options-1.css显示，无； } }; }; .其他选择{ 显示：无； } 尝试更改以下选项，并查看可用收音机的边距。如何处理利润？根据“.checkbox+.checkbox”，复选框后的单选元素需要一个“页边距顶部：-5px”， .radio+.radio的CSS规则由Bootstrap 3生成，但在“附加选项”元素获得“display:none；”后似乎没有得到它由javascript提供。

单选方案一 选择选项一 选择选项二 -> 单选方案二 单选方案三 单选方案四 选择选项一 选择选项二 -> 单选方案五

---

自定义类似于CSS的引导

.additional-options {
  display: none;
}
.additional-options + .radio{
   margin-top:-5px;
}

---

由于低于引导类，导致不同的页边距

.checkbox+.checkbox, .radio+.radio {
        margin-top: -5px;
      }

在本地CSS文件中覆盖该类，如下所示，并删除内联样式页边距顶部：-5px

.checkbox+.checkbox, .radio+.radio {
        margin-top: 10px;
      }

---

我不会完全改变引导CSS。更改引导会或可能会影响多个其他页面，除此之外，最好将相关特性包装在一个元素中，并覆盖引导，而不是使用给定的元素。我会试试看是否可以用这种方式实现你的解决方案。我已经知道引导导致了这个问题，如果我没有提到的话，我不会提到页边顶部：-5px。我正在寻找一种处理/接近这种情况的方法，而不是简单的覆盖。