0

gemfile で bootstrap-sass 2.0.0 を使用していますが、フォームの入力タグに先頭と末尾の両方のコンテンツを追加するのに問題があります。

私は FireFox で FireBug に参加し、Twitter ブートストラップ サイトの例で使用されている正確な 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

あなたは正しい考えを持っています.追加/先頭に追加するか、何かを追加/先頭に追加するすべてのものをスペースなしで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 に答える