css - 无法在小尺寸的同一行上设置输入

Question

我正在尝试在同一行上添加两个最小尺寸的输入字段，我尝试了这个：

<div class="row">
 <input type="number" class="form-control" class="slider-start" data-id="1">
 <input type="number" class="form-control" class="slider-end" data-id="1">
</div>

这是小提琴

标签： cssbootstrap-4

Answer 1

Flexbox 应该可以帮助你。

.form-control{
  width: 35%; /*size of input box*/
  flex-flow: row nowrap; /*sets flex-box elements order*/
}

.row {
  display: flex;
}

我希望我有所帮助。