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

Пример tooltip с параметрами

3. Управление отображением всплывающей подсказки с помощью методов show(), hide(), toggle() и destroy()

Пример tooltip

Нажмите на следующие кнопки для управления tooltip с помощью методов.


Компонент carousel (карусель)


1. Пример карусели

2. Пример карусели, управляемой с помощью кнопок