この例を作成しました: jsFiddle
<div class="container">
<div class="row">
<div class="span6">
<ul class="thumbnails">
<li class="span4">
<div style="height:200px; position: relative" class="thumbnail">
<div style="position: absolute; left: 5px; right: 5px; bottom:5px;">
<form style="margin:0;" class="form-inline">
<input style="margin: 3px 0 0 0;" type="text" placeholder="Name…" ng-model="mashName" class="pull-left span3" />
<button type="submit" style="margin: 3px 0 0 0; " class="span1 btn btn-primary pull-right">Create</button>
</form>
</div>
</div>
</li>
</ul>
</div>
私が必要とするのは、サイズ変更時にすべてを台無しにするパーセンテージを使用せずに、入力をボタンまで拡張することです。この例は非常に近いですが、スパンを使用してボタンをねじ込みます。
.input-block-level
いいですが、ずっと伸びています..代わりに、ボタンの直前で停止する必要があります。JavaScriptを使わずにこれを修正する方法はありますか?