Node.js 如何使它在一行后onclick

我的html中有一个div：

.row(id="div_amount")
  .col-sm-2
    label(for="amount") Amount:
  .col-sm-1
    input(type="text", name="amount")

正如我所期望的那样完美。这两个元素都显示在一行中

我有一个单选按钮，它有一个onclick事件来切换这个div部分的显示

function div_toggle() {
  div_amount = document.getElementById('div_amount');

  if (radio_value === 0) {
    div_amount.style.display = "block";
  } else {
    div_amount.style.display = "none";  
  }
}

但是，单击单选按钮后，它始终显示为两行

如何将其固定为始终显示在一行中？

请查看并尝试包含一个可复制的示例

在

bootstrap4

中，

行

显示为

flex

，即“display:flex；”。因此，在JavaScript中，如果将其更改为显示为

block

，则行中的列将被打断

您可以将其显示设置为

flex

，如

if (radio_value === 0) {
    div_amount.style.display = "flex";
} else {
    div_amount.style.display = "none";  
}

尽管在JavaScript中设置HTML元素样式在我看来是不好的做法。

请看一看并尝试包含一个可复制的示例。