要将每个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助手提供,问题来源于学员提问