То, что я хочу, это <form> с текстом <input>, который имеет <span>, который отображается в строке справа от него.Как сохранить диапазон в той же строке, что и вход с помощью Bootstrap 3?
Я хочу <input> масштабировать до размера окна, но <span> остаться один и тот же размер, но всегда на же линии как <input>.
Как бы это сделать, используя Bootstrap 3?
Не могли бы вы дать наглядное объяснение
вход для масштабирования до размера окна, но размах остаться один и тот же размер, но всегда на одной и той же линии, что и вход.
Вот пример встроенного пролета с входом
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="form-inline">
<div class="form-group">
<input type="text" style="height:150px;"/>
<span>
<i class="glyphicon glyphicon-search">Span</i>
</span>
</div>
</div>
<div class="row">
<input class="col-xs-4" style="height:150px;" type="text" />
<span class="col-xs-2">
<i class="glyphicon glyphicon-search">Span</i>
</span>
</div>
Визуально похожи на ваш пример, за исключением того, я не хочу, чтобы промежуток к «визуально связаны» с вводом текста , И я хочу, чтобы он отображался с правой стороны, это имеет смысл? Например: https://sketch.io/render/sk-d781b81d973c283235448b605d7977ff.jpeg – Jarrod
Возможно, что-то вроде редактирования, которое я сделал выше? – Scott
Это близко, но я хочу, чтобы ввод заполнил все горизонтальное пространство родительского div. Поэтому, когда экран имеет разные размеры, входы будут заполнять это пространство или, по крайней мере, масштабировать его. Еще одна вещь, я НИКОГДА не хочу, чтобы промежуток переходил на следующую строку, или я, по крайней мере, хочу выбрать, когда это будет (на основе col-xs bootstrap). – Jarrod