Книга: Bootstrap: Быстрое создание современных сайтов
Bootstrap Wells
Bootstrap Wells
С помощью класса. well можно добавить ощущение глубины элементу или контейнеру.
<div>
<div>
<div>
some data
</div>
<div>
some data
</div>
</div>
</div>
<div>
<div>
<div>
<div>
<form role=«form»>
<div>
<label for=«email»> Email address: </label>
<input type=«email»>
</div>
<div>
<label for=«pwd»> Password: </label>
<input type=«password»>
</div>
<div>
<label> <input type=«checkbox»> Remember me </label>
</div>
<button type=«submit» btn-primary»> Submit </button>
</form>
</div>
</div>
</div>
</div>
С помощью класса well-sm» или класса well-lg» можно уменьшить или увеличить высоту well-контейнера соответственно:
<div well-sm»> Small Well </div>
<div Normal Well </div>
<div well-lg»> Large Well </div>
Оглавление статьи/книги
- Начало работы с Bootstrap
- Bootstrap Grid System
- Тест 1 на знание Bootstrap
- Быстрая адаптация сайта для мобильных устройств с помощью Bootstrap
- Bootstrap Text/Typography
- Таблицы
- Изображения
- Bootstrap Jumbotron
- Bootstrap Page Header
- Bootstrap Wells
- Bootstrap Alerts
- Кнопки и группы кнопок
- Bootstrap Glyphicons
- Значки и метки
- Bootstrap Progress Bars
- Конец ознакомительного фрагмента.
- Содержание книги
- Популярные страницы