【问题标题】:Bootstrap 3.1 input-group inline with auto width?Bootstrap 3.1 输入组内联自动宽度?
【发布时间】:2014-07-22 15:31:25
【问题描述】:
我不明白下面的事情。
在第一个左侧浮动 div 中,我有几个按钮,在第二个左侧浮动 div 中是一个输入组。
输入组向下移动一行,但它应该使用空闲空间。
http://www.bootply.com/f1MbCrF1w5
第二种方法使用固定宽度,但它应该使用空闲空间,第一个 div 应该像“包装内容”一样。
有可能吗?我该如何解决?
谢谢!
对不起,我的英语不好。
【问题讨论】:
标签:
html
css
twitter-bootstrap
【解决方案1】:
Bootply
如果您想在一个带有输入元素的通道中显示按钮,则需要将display: inline 用于btn-group 类并禁用float: left。
我假设您只希望它适用于一个元素而不影响具有btn-group 类的其他元素,因此我创建了exception 类以仅选择一个btn-group
如果没有,并且您希望它选择所有 btn-group 项目,则删除我的 exception 类。但我不知道你的架构是什么,而这个全局的 display: inline for btn-group 有时会导致不可预知的显示。
无论如何,我的最后两段与问题无关,而是与选择器结构和系统有关。