【问题标题】: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 有时会导致不可预知的显示。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-06-19
      • 2018-08-03
      • 2018-08-26
      • 2012-06-13
      • 2014-07-31
      • 1970-01-01
      • 2018-06-15
      • 2013-05-17
      相关资源
      最近更新 更多