2

add-on如果您在 Bootstrap 2.3.2 中需要一个流体宽度的文本字段，这似乎很尴尬。

如果包含div变得小于输入字段，则input带有span12类的 an 将非常高兴地调整大小。

然而，对这个片段做同样的事情有点困难

<div class="input-append">
    <input type="text">
    <span class="add-on">Sheep</span>
</div>

有人对此有解决方案吗？

这是一个小提琴：http: //jsfiddle.net/KFr2z/149/

4

1 回答 1

1

如果您单独输入，则很容易将其扩展为适合父级。如果其他元素具有 % 宽度，则对于多个元素也很容易。如果您有多个元素并且其他元素具有固定宽度或根本没有明确确定的宽度，问题就会出现。然后你需要一个适合所有父母剩余空间的元素。据我所知，以这种方式进行输入是不可能的。但是任何包含输入的本地块级元素都应该可以解决问题：

  <div class="input-append">
    <span class="add-on" style="float: right;">Sheep</span>
    <div style="overflow: hidden;">
      <input type="text" class="span12">
    </div>
  </div>

Bootstrap 使用一些基于孩子顺序的样式，所以你也应该设置border-radius: 0 3px 3px 0，因为它不再适用于附加组件。

于 2013-09-03T15:40:08.190 回答