Label подсказка для INPUT / Формы / Сниппеты Bootstrap | BootstrapТема

1
2
3
4
5

Версия: v1.0.1

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

Категория: Формы

Bootstrap: 3

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

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

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

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

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

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

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

Рейтинг: 3.5 / 5 - 8 голосов

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

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

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

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

Теги: Snippet, input, формы, Form, сниппет, Bootstrap, html, label

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

Добавлено: 2016-02-18 в 12:41

Метка: 1581667261

⇄ ⇅

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<script src="https://bootstraptema.ru/plugins/jquery/jquery-1.11.3.min.js"></script>

<link rel="stylesheet" href="https://bootstraptema.ru/plugins/2016/labelholder/labelholder.css" />
<script src="https://bootstraptema.ru/plugins/2016/labelholder/labelholder.js"></script>

<br><br><br><br><br><br><br><br><br><br><br>

<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">

<div class="form-group labelholder form-group-lg" data-label="Пояснение в form-group-lg">
<input class="form-control" type="text" placeholder="Введите Ваши значения">
</div>

<div class="form-group labelholder" data-label="Пояснение в form-group">
<input class="form-control" type="text" placeholder="Введите Ваши значения">
</div>

<div class="form-group labelholder form-group-sm" data-label="Пояснение в form-group-sm">
<input class="form-control" type="text" placeholder="Введите Ваши значения">
</div>

<script>
$('.labelholder').labelholder()
</script>

</div>
</div>
</div>