0

ウェブサイトにブートストラップを使用しています。テキストボックスが私が定義したスパンから出てくるという奇妙な問題に直面しています。

これがコードです Sign up この行から span6 を削除すると、テキストボックスが div 内に表示されます。

ここに画像の説明を入力

4

1 に答える 1

-1

これは、ブートストラップで実行されているきれいなコードのフィドルです...問題がなくなったことがわかります。適切なブートストラップの使用法でコードを変更してその側面に到達するのに役立つように、どのように見えるかを確認するだけです。

フィドル

12 グリッド列システムでブートストラップを適切に使用していないことがわかります。端面図の写真を追加する必要があるかもしれません。

type="textbox"あなたは本当に有効ではない入力を気にしています。私はあなたが入力を探していると思いますtype="text"

これらのテキスト ボックスの幅を制御するのは非常に簡単です.span#(# はスパン番号に入る) を使用すると、テキスト入力を設定することができspan12、親コンテナーの全幅になります。

これがあなたのコードを少しクリーンアップしたものです

<div class="row-fluid">
  <div class="span12">
    <div class="span4">
      <input type="text"/>
    </div>
    <div class="span4">
      <input type="text"/>
    </div>
    <div class="span4">
      <button id="signup">Sign up</button>
    </div>
  </div>
</div>

また、スパンの数が適切に加算されていないため、ボタンとすべてが互いに崩壊していることにも注意してください. 送信ボタンを に配置すると、span1小さすぎてボタンを含めることができませんでした。

最終的に、これに対する答えは、この領域をどのように見せたいかということに基づいていますが、小さな画面サイズでは物事が積み重ねられて少し異なることも考慮しています.

あなたが探している効果を正確に示すために質問を更新すると、回答が更新されます。

于 2013-08-10T15:53:37.143 に答える