Bootstrap 3.1输入组内联自动宽度?

时间:2014-06-02 13:31:54

标签: html css twitter-bootstrap

我不明白以下事情。 在第一个左浮动div我有几个按钮,而在左边的浮动div是一个输入组。 输入组向下移动一行,但它应该使用空闲空间。

http://www.bootply.com/f1MbCrF1w5

secound方法使用固定宽度,但它应该使用自由空间,第一个div应该像"包装内容"。 是否有可能,我该如何解决?

谢谢!

抱歉我的英语不好。

1 个答案:

答案 0 :(得分:2)

<强> Bootply

如果要使用input元素在一个通道中显示按钮,则需要对display: inline类使用btn-group并禁用float: left

我假设您只希望它适用于一个元素而不影响btn-group类的其他元素,因此我创建了exception类以仅选择一个btn-group

如果不是,并且您希望它选择所有btn-group项,则删除我的exception课程。但是我不知道你的架构会是什么样的,display: inline btn-group的全局{{1}}有时会导致不可预测的显示。

无论如何,我的最后两段与问题无关,而是与选择器结构和系统有关。