[Bootstrap]有关input-group样式自定义的问题
最近在用Bootstrap搭一些表单页面。
Input groups还是非常好用的,但是我有一些定制的需求,期望的最终样式类似如下(红框中):
就是一个input-group
有多个叠加的input
,同时有一些按钮控制+/-。
当然图中的样式还是很有问题的,它不是全长,只显示了一半大概。
那么,
问题1: 如何实现我的需求呢?
我尝试自己解决,但是也有一些问题:
问题2: 如图中“Total Meaning”那个input-group
,.input-group-addon
和.form-control
都是display: table-cell;
为什么表现不一样呢?input
就会叠加在一起。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
问题1如下
如官网所述,bsV3不支持一个form-group内有多个form-control,所以只能用别的方式去实现了
补充:bsV4倒是支持多个input-group-addon的
问题2如下
不对齐是由于符号自身问题引起的,可以在减号前添加一个 可以大致解决对齐