Css twitter引导输入字段的最大宽度

Css twitter引导输入字段的最大宽度,css,twitter-bootstrap,width,Css,Twitter Bootstrap,Width,我使用最新的twitter引导框架进行了以下设置: 我现在希望输入字段在旁边没有按钮时采用最大宽度 如何使用纯css或twitter引导本身来实现这一点 像内联块这样的东西应该会消失,我现在还不明白…编辑:自bootstrap v3以来,类已经进化,所以使用col-xx-X类来获得下面解释的结果(可能需要进一步的更改) 您可以使用.row fluid和.spanX使输入填充其容器: 取消 似乎需要对按钮/输入组合进行一些修复: /*可能不是最好的方法,不确定BS是否有更好的解决方案*/

我使用最新的twitter引导框架进行了以下设置:

我现在希望输入字段在旁边没有按钮时采用最大宽度

如何使用纯css或twitter引导本身来实现这一点


像内联块这样的东西应该会消失,我现在还不明白…

编辑:自bootstrap v3以来,类已经进化,所以使用col-xx-X类来获得下面解释的结果(可能需要进一步的更改)


您可以使用
.row fluid
.spanX
使输入填充其容器:


取消
似乎需要对按钮/输入组合进行一些修复:

/*可能不是最好的方法,不确定BS是否有更好的解决方案*/
/*修复了在一行中组合输入和按钮跨距的问题*/
.行流体>输入+按钮[类*=“范围”]{
浮动:无;/*移除浮动*/
显示:内联块;/*浮动*/
左边距:0;/*将其粘贴到左边*/
}

最后一件事,你不应该把
.spanX
结合起来。好吧
,因为
填充和边框以及其他东西,这里是。

你可以像这样使用te类输入块级别


取消

您不应该将
.span4
以及
组合在一起。您是否尝试过在井内使用
.row流体
和跨距?1。span和wells 2的组合有什么问题。你能给我举个例子吗?是的,输入块级别起作用,并且响应正确。在bootstrap 3中,span类已被删除。@krock类确实已更改,但答案的精神是相同的,请参见col-xx-X类和关联
<div class="container">
  <div class="span4 well">
    <form class="form-search">
      <input type="text" class="input-block-level search-query">
    </form>
    <form class="form-search">
      <input type="text" class="input-medium search-query">
      <button type="submit" class="btn">Cancel</button>
    </form>
  </div>
</div>