0

我在我的 gemfile 中使用了 bootstrap-sass 2.0.0，但是我无法将前置和附加的内容都添加到表单中的输入标签中才能正常工作。

我在 FireBug 上使用 FireFox 并复制了他们在 twitter bootstrap 网站上用于示例的确切 html，复制到这里：

div class="control-group">
  <label class="control-label" for="appendedPrependedInput">Append and prepend</label>
  <div class="controls">
    <div class="input-prepend input-append">
      <span class="add-on">$</span>
      <input id="appendedPrependedInput" class="span2" type="text" size="16">
      <span class="add-on">.00</span>
    </div>
  </div>
</div>

但是我得到的前置文本面对错误的方式（它看起来像附加的标签）所以它看起来像这样：[span）[.....input....][span）而不是这个：（span ][.....输入.....][跨度）。

附加的按钮也不会像这样注册为附加的（也使用示例中的复制代码）： (....input....) (button) 而不是 (....input.....][按钮）

关于我如何做到这一点的任何想法： (span][....input....][button) ？我已经尝试过下面的代码：

<form class="form-inline">
  <div class="control-group">
    <div class="controls">
      <div class="input-prepend input-append">
        <span class="add-on">Search</span>
        <input id="search" class="input-xlarge" type="text" size="16">
        <button class="btn" type="button">Go!</button>
      </div>
    </div>
  </div>
</form>

我感谢任何和所有的帮助！

4

1 回答 1

1

您有正确的想法，您只需将要附加/前置或附加/前置的所有内容放在一行中，没有空格。

像这样：

<form class="form-inline">
  <div class="control-group">
    <div class="controls">
      <div class="input-prepend input-append">
        <span class="add-on">Search</span><input id="search" class="input-xlarge" type="text" size="16"><button class="btn" type="button">Go!</button>
      </div>
    </div>
  </div>
</form>

我在自己的 Bootstrap 设置上对此进行了测试，它显示正确。

于 2012-07-11T01:35:06.600 回答