Bootstrap4 Examples

основные примеры использования bootstrap



Bootstrap & jQuery:

Bootstrap documentation:

ul list-unstyled:

ul list-inline-item:

  • Link1
  • Link2
  • Link3

kbd:

Ctrl + Insert

col-md-sm-8
col-md-sm-4
col-md-sm
col-md-sm
col-md-sm

P Heading

Типографика: https://bootstrap-4.ru/docs/4.4/content/typography/

P Bootsrap heading h2

P Bootsrap heading h3

P Bootsrap heading h4

P Bootsrap heading h5


H Display

Display 1

Display 2

Display 3

Display 4


Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis quasi veritatis fugit molestias consequatur amet, eligendi alias error ad. Debitis asperiores dolorem esse consectetur voluptates ducimus repudiandae voluptas enim, sint!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse ut eos, pariatur est, qui nihil vitae officiis non laboriosam quia. Id quos minima quam voluptas possimus error fuga corrupti magnam!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem, est rerum! Obcaecati quibusdam eveniet, inventore possimus doloribus voluptates vitae quod, pariatur non excepturi eum, voluptas amet esse quas asperiores culpa?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam voluptatibus exercitationem necessitatibus dolorem maxime, in distinctio illo, ipsa, id doloribus nemo! Ut, quod. Quo vero laboriosam provident modi, placeat voluptates.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla odit veniam sint animi culpa, voluptatum est laboriosam tempora nemo autem deleniti vel nesciunt id omnis non quam beatae at nisi.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla odit veniam sint animi culpa, voluptatum est laboriosam tempora nemo autem deleniti vel nesciunt id omnis non quam beatae at nisi.


Responsive image
Responsive image

One Two Three
1 2 3
4 5 6
7 8 9

...

Badge-secondary NEW


Кнопки: https://bootstrap-4.ru/docs/4.4/components/buttons/



Ссылка - кнопка стандартная Ссылка - кнопка большая Ссылка - кнопка малая Ссылка - кнопка disabled

Ссылка - кнопка БЛОК



Группа кнопок: https://bootstrap-4.ru/docs/4.4/components/button-group/

Paging:

Выпадающие элементы: https://bootstrap-4.ru/docs/4.4/components/dropdowns/





Карточки: https://bootstrap-4.ru/docs/4.4/components/card/

Header
...
Название карточки
2-е название

Some quick example text to build on the card title and make up the bulk of the card's content.

Переход куда-нибудь
Ссылка карты Другая ссылка
...
Название карточки
2-е название

Some quick example text to build on the card title and make up the bulk of the card's content.

Переход куда-нибудь
Ссылка карты Другая ссылка
...
Название карточки
2-е название

Some quick example text to build on the card title and make up the bulk of the card's content.

Переход куда-нибудь
Ссылка карты Другая ссылка

Карусель: https://bootstrap-4.ru/docs/4.4/components/carousel/



Модальные окна: https://bootstrap-4.ru/docs/4.4/components/modal/



Специальные символы HTML: https://htmlweb.ru/html/symbols.php


Формы: https://bootstrap-4.ru/docs/4.4/components/forms/

Форма
We'll never share your email with anyone else.


Навигационная панель (меню): https://bootstrap-4.ru/docs/4.4/components/navbar/



Спиннеры: https://bootstrap-4.ru/docs/4.4/components/spinners/

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...








Яндекс.Метрика

© Best IT Pro. All Rights Reserved, 2009-2024