Какой хостинг выбрать. Обзор Fornex.com, партнёрская программа и услуги: Выделенные серверы, SSD VPS/VDS, SSD Хостинг, AntiDDoS, Бэкап, VPN …

Какой хостинг выбрать. Обзор Fornex.com, партнёрская программа и услуги: Выделенные серверы, SSD VPS/VDS, SSD Хостинг, AntiDDoS, Бэкап, VPN …

-

Если посмотреть на список услуг хостинга Fornex, то видно, что не в последнюю очередь он ориентируется на веб-мастеров. Во-первых, кроме традиционных предложений есть: AntiDDoS защита,  организация Backup, VPN и создание GEO-кластера. Во-вторых, имеется бесплатная базовая поддержка, партнерская программа, помощь с переносом проектов и хорошая цена/качество на SSD/VPS хостинг. К тому же среди клиентов Pikabu,Читать далее… >

...греки, вложившие в такое множество слов так мало мыслей (Ф. Вольтер).

Bootstrap – Jumbotron

1 мин для чтения
FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
2 июня 2017
Bootstrap - Jumbotron
В этой главе мы обсудим еще одну особенность, которая поддерживается в Bootstrap, это JumboTron. Как следует из названия, этот компонент может дополнительно увеличить размер заголовков и добавить много маржи для содержания целевой страницы. Для использования JumboTron, необходимо:

  • Создание контейнера <div> с классом .jumbotron.
  • В дополнение к заголовку <h1>, font-weight уменьшается до 200px.

Следующий пример демонстрирует это:

<div class = "container">

   <div class = "jumbotron">
      <h1>Добро пожаловать на лендинг!</h1>
      <p>Это пример Jumbotron.</p>
      
      <p>
         <a class = "btn btn-primary btn-lg" role = "button">Читать далее</a>
      </p>
   </div>
   
</div>

 

Чтобы получить Jumbotron полной ширины, и без закругленных углов используйте класс .jumbotron вне класса .container и вместо этого, добавить класс .container внутри, как показано в следующем примере:

<div class = "jumbotron">
   
   <div class = "container">
      <h1>Добро пожаловать на лендинг!</h1>
      <p>Это пример jumbotron.</p>
      
      <p>
         <a class = "btn btn-primary btn-lg" role = "button">Читать далее</a>
      </p>
   </div>
   
</div>

 

Просмотров: 127

Если статья понравилась, то поделитесь ей в социальных сетях:

Комментарии:

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

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *

20 − 6 =

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close