Bootstrap 3 - Демонстрация работы компонентов
Компонент panel (панель)
1. Пример простой панели
2. Панель с заголовком
Панель с заголовком
Содержимое панели
3. Панель с h3 заголовком
Панель с h3 заголовком
Содержимое панели
4. Панель с футером
5. Панели с акцентными классами
Заголовок панели
Содержимое панели
Заголовок панели
Содержимое панели
Заголовок панели
Содержимое панели
Заголовок панели
Содержимое панели
Заголовок панели
Содержимое панели
6. Панель, содержащая текст и таблицу
Информация о клиентах
Следующая таблица содержит личные сведения клиентов компании.
№ п/п |
Имя |
Фамилия |
E-mail |
1 |
Роман |
Кулибин |
roman@mail.ru |
2 |
Василий |
Дорков |
vasili@mail.ru |
3 |
Александр |
Добженко |
alexander@mail.ru |
7. Панель, содержащая таблицу
Информация о клиентах
№ п/п |
Имя |
Фамилия |
E-mail |
1 |
Роман |
Кулибин |
roman@mail.ru |
2 |
Василий |
Дорков |
vasili@mail.ru |
3 |
Александр |
Добженко |
alexander@mail.ru |
8. Панель, содержащая список
Товары
Список наименований товаров, доступных в магазине.
Компонент tooltip (всплывающая подсказка)
1. Пример настройки всплывающей подсказки с помощью атрибутов data-
2. Пример настройки всплывающей подсказки с помощью JavaScript
3. Управление отображением всплывающей подсказки с помощью методов show(), hide(), toggle() и destroy()
Компонент carousel (карусель)
1. Пример карусели
Слайд №1
Заголовок 1 слайда
Описание 1 слайда...
Слайд №2
Заголовок 2 слайда
Описание 2 слайда...
Слайд №3
Заголовок 3 слайда
Описание 3 слайда...
2. Пример карусели, управляемой с помощью кнопок