Question

我希望有一个row div input-append（右边有两个按钮的字段），它跨越行本身的所有宽度。换句话说，我想有这个：

<div class="row">
    <div class="span12">
        <div class="input-append">
          <input class="" id="appendedInputButtons" type="text">
          <button class="btn" type="button">Search</button>
          <button class="btn" type="button">Options</button>
        </div>
    </div>
</div>

使用<div class="input-append">获取所有可用宽度（其父级的跨度为12）。

为了更加务实，我想转换此代码，以便让我的输入元素覆盖该行所有可用空间：http://jsfiddle.net/bertuz/tS6Dm/

如果我将类span12设置为input元素，那么这两个按钮当然会溢出。这不是我想要的。任何建议将不胜感激

Answer 1

如果您为所有三个元素添加一些span类，该怎么办？类似的东西

<div class="row">
  <div class="span12">
    <div class="row-fluid">
      <div class="controls controls-row">
        <input class="span8" type="text" placeholder="Text input">
        <button class="btn span2" type="button">Search</button>
        <button class="btn span2" type="button">Options</button>
      </div>
    </div>    
  </div>
</div>

顺便说一句，你的jsfiddle不起作用，因为没有包含bootstrap css;）

input-append元素的全宽

1 个答案: