Разработка сайтов на WordPress и фреймворке Yii2

Здесь вы можете заказать полный пакет услуг по разработке сайта. Начиная от написания ТЗ до программирования на PHP, JavaScript и верстке.

Архив рубрики: Bootstrap

Как добавить иконку на задний фон input в Bootstrap

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>

Читать далее...