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

标签 html css twitter-bootstrap

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

http://www.bootply.com/f1MbCrF1w5

第二个方法使用固定宽度,但它应该使用自由空间,第一个div应该像“wrap content”一样。 这可能吗?我该如何解决?

谢谢!

抱歉我的英语不好。

最佳答案

Bootply

如果要显示按钮,则需要为 btn-group 类使用 display: inline 并禁用 float: left与输入元素在一个 channel 中。

我假设你只希望它对一个元素起作用,而不影响 btn-group 类的其他元素,所以我创建了 exception 类来只选择一个 btn-group

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

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

关于html - Bootstrap 3.1 输入组内联自动宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23995819/

相关文章:

jquery - 通过 Ajax 提交模态表单

javascript - Electron 收据热敏打印机

javascript - 如何使用 jQuery 进行调试。为什么这段代码不起作用?

jquery - 在 ASP.net MVC4 中使用模态弹出窗口添加/编辑/删除

javascript - 一次只有一个 Active 类和 Visible Div

css - 如何在 CSS 中使用背景图像平滑地无限放大和缩小

javascript - AngularJS 和 Bootstrap DatePicker 指令的工作示例?

html - 如何保持外部div的高度等于内部div?

html - 我已经创建了垂直 div,并希望在滚动之前显示每个 div 以填充整个页面

javascript - 焦点新标签的 Textarea Bootstrap 3 + AngularJS