Простой INPUT калькулятор / Генераторы / Сниппеты Bootstrap

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: Генераторы

Bootstrap: 3

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Уникальный ID: 99

Количество символов:

Посмотрели: 4301 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 3 голосов

Тип лицензии: CC BY 4.0

Авторство: bootstraptema.ru

Информация: Пользователям

Информация: Правообладателям

Теги: бутстрап, калькулятор, calculator, Bootstrap, Ввод, input, Snippet, поле

Поделился: BootstrapТема

Добавлено: 2015-11-28 в 14:10

Метка: 1582177344

⇄ ⇅

<div class="col-lg-6">
<h3 class="text-center">Простой INPUT калькулятор</h3>
<img src="http://drawings-girls.ucoz.net/2015/08/lico-svetlovolosoi-devushki-s-diademoi-v-volosah.jpg" class="img-responsive img-thumbnail" alt="Демо картинка" />
 </div>

<div class="col-lg-2">
<h4>Сумма</h4>
 <div class="input-group">
 <span class="input-group-btn">
 <button class="btn btn-default" type="button">$</button>
 </span>
<input id="price" type="text" class="form-control" value="21" disabled>
</div>
 </div>

<div class="col-lg-2">
<h4>Количество</h4>
 <div class="input-group">
 <span class="input-group-btn">
 <button class="btn btn-default" type="button">+</button>
 </span>
<input id="count" type="text" class="form-control" value="0">
</div>
</div>

<div class="col-lg-2">
<h4>Стоимость</h4>
 <div class="input-group">
 <span class="input-group-btn">
 <button class="btn btn-default" type="button">=</button>
 </span>
<input id="summ" type="text" class="form-control" value="0" disabled>
 </div>
 </div>

</div>
</div>

</div>

BootstrapTema

Простой INPUT калькулятор

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0