Html 如何像图中那样水平排列输入框

我想做的是做一个联系电话登记表，就像图中一样

我的问题是表单在新表单后换行。我想复制一份和照片一样的。有人能帮我吗，我用的是Bootstrap3

电流输出：

联系电话*


请提供至少一个联系电话信息。


家
+
-
-
国家代码-区号-电话号码
例如+63-02-1234567
办公室
+
-
-
国家代码-区号-电话号码
例如+63-02-1234567
可移动的
+
-
-
国家代码-网络代码-手机号码
例如+63-987-6543210

你是这样想的吗

只需在css中添加以下内容：

.form-control {
    display: inline-block;
}

这会像内联块一样显示输入，因此不要换行。但是如果您想保持另一个输入不变，只需在

表单控件

旁边添加一些其他类，并将属性设置为此新类

.col-sm-3 input {display: inline;}

.col-sm-3 input {display: inline;}