要将每个input显示为单独的一行，您可以使用CSS样式来设置元素的布局。在这种情况下，您可以添加以下样式到<div class="col-md-4">元素：
.col-md-4 {
display: block;
margin-bottom: 10px;
}
这会将每个<div class="col-md-4">元素转换为块级元素，并添加10像素的底部边距，从而使每个输入字段显示为单独的一行。
修改后的代码如下所示：
<div class="row" style="margin-top: 7px;">
<div class="col-md-4" style="overflow-wrap: break-word; display: block; white-space: normal; padding-top: 7px; margin-bottom: 10px;">
<label for="committedRepaymentAmount" style="text-align: left;">Committed Repayment Amount</label>
<input type="text" id="committedRepaymentAmount" class="form-control" value="$fdataInfo.committedRepaymentAmount" required />
</div>
</div>
请注意，在您的实际项目中可能需要根据需要进行进一步调整和适应。
内容由零声教学AI助手提供，问题来源于学员提问
![const dataInfo= dialogData.data[i];const htmlContent =](https://linuxcpp.0voice.com/zb_users/upload/2023/05/202305162217459776743.png)
