Bootstrap 4 Jumbotron

Jumbotron створює велике сіре поле для додаткової уваги користувача до певного вмісту або інформації.

Порада: всередині даного елемента можна помістити майже будь-який дійсний HTML, включаючи інші елементи / класи Bootstrap.

Використовуйте елемент <div> з класом .jumbotron для створення даного елементу:

See the Pen
Bootstrap 4 jumbotron
by Vladislav Groniuk (@vladislav-groniuk)
on CodePen.

Повнорозмірний Jumbotron

Якщо ви хочете зробити так, щоб даний елемент був на всю ширину екрану і без закруглених рамок, додайте клас .jumbotron-fluidґ .containerчи .container-fluidвсередині нього:

See the Pen
Jombotron-fluid
by Vladislav Groniuk (@vladislav-groniuk)
on CodePen.

На цьому в мене все. Ось такий короткий вийшов урок. Якщо ви пропустили попередній урок, то ви багато чого втрачаєте, пам’ятайте це!

Гарно дня всім!

Перекладач: Гронюк Владислав
Посилання на оригінал: https://www.w3schools.com/bootstrap4/bootstrap_jumbotron.asp

Сподобався урок? Поділись з друзями!

Вам також може сподобатись

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *

Повідомити про помилку

Текст, який буде надіслано нашим редакторам: