[Bootstrap]有关input-group样式自定义的问题

Question

最近在用Bootstrap搭一些表单页面。

Input groups还是非常好用的，但是我有一些定制的需求，期望的最终样式类似如下(红框中)：

就是一个input-group有多个叠加的input，同时有一些按钮控制+／-。

当然图中的样式还是很有问题的，它不是全长，只显示了一半大概。

那么，

问题1: 如何实现我的需求呢？

我尝试自己解决，但是也有一些问题：

问题2: 如图中“Total Meaning”那个input-group，.input-group-addon和.form-control都是display: table-cell;为什么表现不一样呢？input就会叠加在一起。

Answer 1

问题1如下

如官网所述，bsV3不支持一个form-group内有多个form-control,所以只能用别的方式去实现了
补充：bsV4倒是支持多个input-group-addon的

---

问题2如下

不对齐是由于符号自身问题引起的，可以在减号前添加一个 可以大致解决对齐