1 
<body>
    <div class="container">
        <div class="row">
            <div class="offset4 span4">
                <h1 class="text-center">Days</h1>
                <form method="post" action="proc/days.php" id="jobs">
                    <div class="input-prepend">
                        <span class="add-on">Job Count</span>
                        <input type="text" class="day1">
                    </div>
                    <div class="input-prepend">
                        <span class="add-on">Day Name</span>
                        <input type="text" class="day2">
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>

私の主要なコードブロックです（他のすべてのものは取り除かれています）。入力プリペンドを取得して、span4 で使用可能なすべての幅を取得したいと考えています。

現在、私が見つけることができる唯一のトリックは、機能しないか、大きすぎます。

また、Cosmo Bootswatch テーマを使用しています。

4

1 に答える 1

1

.day幅を 1 から 76% に設定すると (パディングやボーダーなどを考慮した後)、スペースがいっぱいになります。.day1問題は、クラスに応じて別の要素があることです。したがって、ID、または次のような例を追加します。

<input type="text" class="day1" id="day1">

#day1 {width:76%;}そしてCSSで使用します。ただし、(メディア クエリを使用して) 画面の幅が変更されると、幅のサイズを調整する必要がある可能性が高くなります。

于 2013-03-06T00:00:01.350 に答える