Как использовать relative в Bootstrup

[regina68]

Подскажите пожалуйста, у меня почему то не работает команда relative Не получается сделать шапку сайта, 

элементы не позиционируются правильно а картинка выпадает из контейнера.

 

Вот код https://jsfiddle.net/regina68/p30780r8/

[wwt]

абсолютно позиционированный блок выпадает из потока. Поэтому ведет себя так как и должен вести. Уберите у картинки обертку сontainer-img, и img-responsive заработает так как должен. И вы в примере на фиддле не подключили бутстрап.

[regina68]

абсолютно позиционированный блок выпадает из потока. Поэтому ведет себя так как и должен вести. Уберите у картинки обертку сontainer-img, и img-responsive заработает так как должен. И вы в примере на фиддле не подключили бутстрап.

обертку убрала а как мне мне сделать позиции картинки  right: 30px top: -30px; 

И почему не понимаю картинка выпала из потока

[wwt]

И почему не понимаю картинка выпала из потока

почитайте о свойстве position и конкретнее о его значениях и поймете.

 

Вы пытаетесь позиционировать картинку, на мой взгляд это не верно. Я бы просто положил картинку логотипа на фон, а текст бы позиционировал как хочется, он априори был бы выше. Если же есть нужда чтобы конкретно логотип был не фоном, а картинкой, то я бы позиционировал не логотип, а текст который должен попадать поверх логотипа.