Question

<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主题。

Answer 1

将.day设置为1到76％的宽度（在填充和边框被视为等之后）将填满您的空间。那么问题就是你有另一个元素，具体取决于.day1类。所以添加一个id，例如：

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

然后在你的CSS中使用#day1 {width:76%;}。您可能需要在屏幕宽度发生变化时（通过媒体查询）调整宽度大小。

带有输入前置的bootstrap中心输入

1 个答案: