内联表单的引导下拉菜单自动宽度
Bootstrap dropdown menu autowidth for inline form
我正在尝试构建一个Bootstrap下拉按钮,其中唯一的下拉选项是一个包含文本输入并附有按钮的表单字段,例如:
+----------+---+
| (Button) | V |
+----------+---+-----------+
| [_<text input>_] | (Go!) |
+--------------------------+
- 括号中的项目是可单击的按钮
- 括号中的项目是一个文本输入字段
- 上面的ascii图显示了如果点击下拉切换,我想要的行为
问题
我在获取下拉列表的宽度以实际适应表单字段时遇到了相当大的困难。到目前为止,我的尝试有点匹配,但不是真的匹配;表单字段比引导程序下拉宽度稍大,这看起来有点令人不快。
问题参考:http://jsfiddle.net/3z44e5va/2/
我怀疑Bootstrap下拉菜单的自动调整大小功能不适用于表单,而是仅适用于列表元素?
我热切希望有人尝试过类似的做法,并能为我们推荐的前进道路提供一些启示。
提前谢谢!
只需重置行类的边距。现在它的左边距和上边距默认为-15px。
.row{
margin:0px;
}
http://jsfiddle.net/e4pxamho/
相关文章:
- 嵌套在表单中的引导下拉菜单:输入时选项卡索引中断
- 使用 HTML 下拉菜单生成表单
- html表单上的许多选择(下拉菜单),如何只获取更改的选择的值
- 单选按钮表单代码和下拉菜单代码
- 内联表单的引导下拉菜单自动宽度
- 隐藏下拉菜单,单击菜单中的项目
- 打开下拉菜单,单击页面上的其他位置
- JavaScript 下拉菜单在单击时处于活动状态,在外部单击时不活动
- 基于表单输入值,如何 2 生成选择 4 下拉菜单 w 数据库中的行/记录数据,该数据库将在选择时预填充表单
- 如何为下拉菜单生成选择,其中包含数据库中的行/记录数据,该数据库将在选择时预填充表单
- HTML 表单 - 值取决于两个不同的下拉菜单
- 如何使用下拉菜单和单选按钮自动计算汇总表
- 单击带有窗体的下拉菜单,单击外部关闭
- 引导下拉提交表单
- 需要帮助-代码更改下拉选项表单-更改提交到URL链接
- 引导菜单-下拉菜单,单击而不是悬停
- 引导程序:如何保持下拉菜单打开,以便在嵌套的下拉菜单中单击
- 变体下拉菜单变成单选按钮
- php设置下拉菜单和单选按钮的值以及从数据库中获取的数据
- Bootstrap 3下拉菜单在单击下拉菜单中的任何内容时保持显示