Фиксированный загрузочный бункер-заполнитель

Question

Я ищу лучший способ сделать (с бутстрапом) этот вид заполнителя. вы можете написать в правой части заполнителя, между тем заполнитель хранит текст.

Я хочу что-то вроде:

С начальной загрузки, вы можете сделать это с:

<div class="input-group"> 
    <div class="input-group-addon">Text</div> 
    <input id="name" type="text" class="form-control" name="text" value="text" placeholder="Additional Info"> 
</div> 

С результатом:

ли кто-нибудь знает, как это сделать Это? Я думаю, лучший вариант - css-стиль, но, возможно, есть плагин или что-то в любом случае.

Answer 1

Если вам не нужен небольшой текст прямо под вводом, вы можете использовать горизонтальную форму. Убедитесь, что ваш видовой экран шире, чем 768px, иначе вход будет отображаться под этикеткой.

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<form class="form-horizontal"> 
 
    <div class="form-group"> 
 
     <label class="control-label col-sm-2" for="name">Text</label> 
 
     <div class="col-sm-6"> 
 
      <input id="name" class="form-control" type="text" 
 
      placeholder="Additional Info"> 
 
     </div> 
 
    </div> 
 
</form>