Тестовая страница


Для картинок которые не влазят в родительский блок использовать класс img-responsive, что бы с масштабировать ее когда она не влазит.

Картинка в модалке


of2

Группа картинок


sroika1


Снимок2


Снимок3

Panels

Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content

Accordion (на основе Panels)

Panel content

Alerts

Hello World!
Hello World!
Hello World!
Hello World!
Hello World!

Hello World!

Dismissible alerts

Внимание! Выводит сообщение которое можно закрыть.
Внимание! Выводит сообщение которое можно закрыть.
Внимание! Выводит сообщение которое можно закрыть.
Внимание! Выводит сообщение которое можно закрыть.

Dynamic Tabs

Tabs

Lorem ipsum dolor sit amet, charetra varius quam sit amet vulputate.
Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero.
Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan.
Aliquam in felis sit amet augue.
Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate.
Quisque mauris augue, molestie tincidunt condimentum vitae.

Tabs -below

Lorem ipsum dolor sit amet, charetra varius quam sit amet vulputate.
Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero.
Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan.
Aliquam in felis sit amet augue.
Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate.
Quisque mauris augue, molestie tincidunt condimentum vitae.

Tabs -left

Lorem ipsum dolor sit amet, charetra varius quam sit amet vulputate.
Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero.
Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan.
Aliquam in felis sit amet augue.
Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate.
Quisque mauris augue, molestie tincidunt condimentum vitae.

Tabs -right

Lorem ipsum dolor sit amet, charetra varius quam sit amet vulputate.
Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero.
Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan.
Aliquam in felis sit amet augue.
Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate.
Quisque mauris augue, molestie tincidunt condimentum vitae.

Contextual colors

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Contextual backgrounds

Nullam id dolor id nibh ultricies vehicula ut id elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.

Tooltips


Popovers


Callout

Default Callout

This is a default callout.

Primary Callout

This is a primary callout.

Success Callout

This is a success callout.

Info Callout

This is an info callout.

Warning Callout

This is a warning callout.

Danger Callout

This is a danger callout.

default table

hello world title hello world title hello world title
hello world 11 hello world 12 hello world 13
hello world 21 hello world 22 hello world 23
hello world 31 hello world 32 hello world 33

Striped rows table

hello world title hello world title hello world title
hello world 11 hello world 12 hello world 13
hello world 21 hello world 22 hello world 23
hello world 31 hello world 32 hello world 33

Bordered table

hello world title hello world title hello world title
hello world 11 hello world 12 hello world 13
hello world 21 hello world 22 hello world 23
hello world 31 hello world 32 hello world 33

Hover rows table

hello world title hello world title hello world title
hello world 11 hello world 12 hello world 13
hello world 21 hello world 22 hello world 23
hello world 31 hello world 32 hello world 33

Contextual classes table

hello world title hello world title hello world title
hello world 11 hello world 12 hello world 13
hello world 21 hello world 22 hello world 23
hello world 31 hello world 32 hello world 33
hello world 31 hello world 32 hello world 33
hello world 31 hello world 32 hello world 33

Рекомендуем