<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 主题。
最佳答案
将 .day1 设置为 76% 宽度(在考虑填充和边框等之后)将填满您的空间。那么问题是您有另一个元素取决于 .day1 类。所以添加一个 id，或者像这样的例子:
<input type="text" class="day1" id="day1">
然后在您的 css 中使用 #day1 {width:76%;}。尽管您的屏幕宽度发生变化(通过媒体查询)，但您很可能需要调整宽度大小。
关于html - Bootstrap 中的中心输入带有输入前置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15236208/