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>

是我的主要代码块(删除了所有其他内容)。我想让 input-prepend 占据 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 回答