Bootstrap

Розглянемо додавання іконок в елемент input на прикладі реалізації форми зворотного дзвінка.

Код форми замовлення зворотного дзвінка:

<form class="text-center">

<div class="h2">Замовити дзвінок</div>



<div class="form-group form-group-lg inner-addon"> 
<i class="glyphicon glyphicon-user"></i> 
<input type="text" class="form-control" placeholder="Ваше ім'я"> 
</div>


<div class="form-group form-group-lg inner-addon"> 
<i class="glyphicon glyphicon-earphone"></i> 
<input type="text" class="form-control" placeholder="Ваш телефон"> 
</div>


<div class="form-group"> 
<button type="submit" class="btn btn-lg btn-primary">Замовити дзвінок</button> 
</div>

</form>

читати далі...