html - 当输入字段的数量未知时,将 2 个输入字段放在同一行

标签 html css angular

我目前正在开发一个 Angular 应用程序。我正在使用 *ngFor 添加输入字段,因为输入的数量并不总是相同的(这取决于从后端接收的数据)。我有办法确保 2 个输入字段位于同一行吗?

html代码是这样的

<div *ngFor="let content of group?.Content">
    <label>content.Title</label>
    <input type="text">     
</div>

最佳答案

您可以使用 Bootstrap for Flex 来确保 2 个输入连续。 示例:

<div *ngFor="let X of Xs">
 <input class='col-md-6' type="text" value='X'>     
</div>

关于html - 当输入字段的数量未知时,将 2 个输入字段放在同一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54811707/

相关文章:

javascript - 如何在WordPress中使用上传特色图片的URL

php - 为什么我的 PHP 查询显示空白结果

html - css 样式问题,对于按钮

css - 将多个 Bootstrap 类合并为一个 SASS 类

jquery - 悬停在图像上时显示下拉菜单

html - CSS动画轻微闪烁

javascript - 使用 Angular 和 Node 进行服务器端渲染

html - 如何在不使用 - 连字符的情况下使用 CSS 设置字体大小?

angular - 如何让 Angular 动画等待渲染完成

javascript - Angular 4 通用延迟加载错误