Помогите с Bootstrap jumbotron

n0ular

Dlya vas prosto gospodin
Дней с нами
3.112
Розыгрыши
0
Сообщения
410
Репутация
11
Реакции
200
В общем, нужно сделать такую же картинку с подписью на белом фоне. https://codepen.io/freeCodeCamp/full/NNvBQW
У меня не получается сделать такое же расстояние между картинкой и самой рамкой, получается слишком много. Снимок экрана 2017-06-25 в 14.47.49.png
И как по вертикали текст выровнять? vertical-align не хочет работать.
 
У тебя картинка должна быть с разрешением 1024х623, как на примере
<div class="caption text-center">ТЕКСТ</div> - что бы выровнять
 
  • Like
Реакции: n0ular
атсаси патом праси)0)) ыыыыыыыыыыыыы
 
С другой версией bootstrap все получилось
 
В общем, нужно сделать такую же картинку с подписью на белом фоне. https://codepen.io/freeCodeCamp/full/NNvBQW
У меня не получается сделать такое же расстояние между картинкой и самой рамкой, получается слишком много. Посмотреть вложение 66032
И как по вертикали текст выровнять? vertical-align не хочет работать.
https://codepen.io/freeCodeCamp/pen/NNvBQW
код скопипасть и все
 
Help с иконкой в меню сайта.
Снимок экрана 2017-06-28 в 21.58.05.png

Как можно иконку нормально вставить в меню? Не хочет никак залазить туда... Bootstrap 3.
Код:
HTML:
<nav class="navbar navbar-default navbar-static-top" role="navigation">
  <div class="container-fluid">
      <div class="navbar-header"> <!-- brand icon -->
        <a href="#" class="navbar-brand navbar-left">
          <img src="http://www.pixic.ru/i/30c164l0U953l6P9.png" alt="Brand" >
        </a>
      </div> <!-- navbar-heaer -->
        <ul class="nav navbar-nav navbar-right">
          <li role="presentation" class="active"><a href="#">About</a></li>
          <li role="presentation" class="active"><a href="#">Portfolio</a></li>
          <li role="presentation" class="active"><a href="#">Contact</a></li>
        </ul>
  </div> <!-- container fluid -->
</nav>
У .navbar-brand есть свой padding и height, но у меня ничего не происходило, когда их применял.
 
<a href="#" class="navbar-brand navbar-left" style="padding-top: 0px;">
 
  • Like
Реакции: n0ular