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

发布于 2022-09-05 05:33:51 字数 650 浏览 10 评论 0

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

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

图片描述

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

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

那么,

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

我尝试自己解决,但是也有一些问题:

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

痴梦一场 2022-09-12 05:33:52

问题1如下
clipboard.png

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


问题2如下

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文