0

最近、ブートストラップを使い始めたところ、次の問題が発生しました。以下のスクリーンショットの赤い四角は、フォームの横に空白のスペースがあり、情報が何も入力されていないことを示しています。

HTML

<section class="content"><div class="row-fluid">
<div class="span10 article">
  <div class="block">
    <div class="section">
    <h4>Online Application</h4>
        <div class="row-fluid form-horizontal">
        <div class="span6">
            <div class="control-group">
            <label class="control-label">First Name</label>
            <div class="controls">
                input type="text" name="contact_name_1">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Last Name</label>
                        <div class="controls">
                            <input type="text" name="contact_name_2">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Email</label>
                        <div class="controls">
                            <input type="text" name="contact_email">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Home Phone</label>
                        <div class="controls">
                            <input type="text" name="contact_phone_home">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Cell Phone</label>
                        <div class="controls">
                            <input type="text" name="contact_phone_cell">
                        </div>
                    </div>
                       <input type="button" value="Start Application" onClick="obertka25()">
            </div>
        </div>
    </div>
</div>

スクリーンショット

4

1 に答える 1

0

を必ず含めてくださいbootstrap-responsive.css。 bootstrap.css固定幅レイアウト ルールのみが含まれます。

また、<section>要素が閉じられておらず、書式設定により、各 div が適切に閉じられているかどうかを視覚的に判断するのが少し難しくなっています。それがスクロールバーの問題を引き起こしている可能性もあります。

右側の空白については、div にspan10行の 10/12 しかないためです。span12横方向のスペース全体を埋めるために使用します。あなたの質問から、空白が必要かどうかわかりません。

詳細については、「ブートストラップ レイアウト」を参照し、「流動的なレイアウト」セクションまで少し下にスクロールしてください。

お役に立てれば！

于 2013-04-29T13:43:45.783 に答える