​Создание Jumbotron Bootstrap

Jumbotron указывает на большую коробку, которая требует дополнительного внимания к некоторому специальному контенту или информации.
Гибботрон отображается как серая коробка с закругленными углами. Он также увеличивает размер шрифта текста внутри него.

Совет. Внутри jumbotron вы можете поместить практически любой допустимый HTML, включая другие элементы / классы Bootstrap.

Используйте <div> элемент с классом .jumbotron для создания jumbotron:

Hello, world!

Тут любой ваш текст

Jumbotron Inside Container

Поместите jumbotron внутрь, <div class="container"> если вы хотите, чтобы jumbotron НЕ распространялся до края экрана:
<div class="container">
  <div class="jumbotron">
    <h1>Bootstrap Tutorial</h1> 
    <p>Bootstrap is the most popular HTML, CSS, and JS framework for developing
    responsive, mobile-first projects on the web.</p> 
  </div>
  <p>This is some text.</p> 
  <p>This is another text.</p> 
</div>

Внешний контейнер Jumbotron

Поместите jumbotron за пределы, <div class="container"> если вы хотите, чтобы jumbotron распространился до края экрана:
<div class="jumbotron">
  <h1>Bootstrap Tutorial</h1> 
  <p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive,
  mobile-first projects on the web.</p> 
</div>
<div class="container">
  <p>This is some text.</p> 
  <p>This is another text.</p> 
</div>

Создание заголовка страницы

Заголовок страницы похож на разделитель.
.page-header Класс добавляет горизонтальную линию под заголовком (+ добавляет некоторое дополнительное пространство вокруг элемента):

Пример заголовка страницы

Используйте <div> элемент с классом .page-header для создания заголовка страницы:
<div class="page-header">
  <h1>Example Page Header</h1>
</div>

Подготовлено сайтом: theme-free.tk

Исправить недочеты в статье

Для того что бы исправить текст новости, просто выделите нужное место и нажмите ctrl + enter

Материал добавил

7FV

Связь со мной
Телеграм: aslan7f
Скайп: не указан
Добавил статей 26
Группа
Web Дизайнер
Немного обо мне
Всем привет ребят!
Предлагаю услуги по верстке сайтов, доработке уже существующих шаблонов, написание шаблонов с нуля.

Конечно же у вас возникает сразу вопрос, кто я, где мое портфолио и т.д.
Отвечу на этот вопрос:
Кто же я такой? - Я обычный растаман, который накурившись верстает сайты уже лет так 9, рисует иконки, визитки, банеры, логотипы, ретуширует фотографии.

Зарабатываю я на этом? - Скорей нет чем да. Это мое хобби, мне просто нравится все что связано с веб дизайном. Я не говорю что бесплатно все делаю,хотя порой если мне нравится проект и сам клиент как человек, тогда я могу бесплатно поддерживать, помогать с его проектом.

Добавить комментарий


@