Несколько вопросов касаемо верстки

Question

[Ivan Kuznetsov]

1. Как реализовать данный элемент в bootstrap

Скриншот

Есть фоновое изображение, растянутое на весь экранbackground-size: cover, внутри этого блока находится логотип(располагает слева) и такой элемент, как на скриншоте, который должен растягивать вправо до конца экрана, но текст в нем не должен выходить за границу .container
Все это на основе bootstrap 3
2. Где можно почитать - как сейчас проходит верстка по макету. Pixel perfect или более-менее похоже, что использовать для размера шрифтов и отступов em или px

Answer 1

[ErickSkrauch]

1. Делается очень просто: просто внутри контейнера с твоим уголком создай ещё один div и установи у него фиксированную (ну или процентную, boostrap же) ширину. Делов-то :)

2. В интернете. Тут без шуток. Открываешь гугл или хабр и вводишь нужный вопрос и получаешь достаточный ответ.

Comments

[Ivan Kuznetsov]

1. так и думал сделать, просто думал, что есть еще способ.
2. Не так все просто, возможно только для меня, но про px em довольно таки старые статье и не совсем те темы охватывают(возможно криво ищу или просто не замечаю нужного), pixel perfect тоже - кто-то пишет на глаз, кто-то пишет pixel perfect единогласного мнению и советов не увидел .
В любом случае спасибо

Answer 2

[Талга УтБ]

1. можно диву с текстом добавить :after c нужным фоном, как вариант.
2. не советую верстать по pixel perfect, так получается если верстать будешь под фотошоп :D
Следуй основным правилам, здесь уже вопросы подобные поднимались, почитай htmlbook.ru и др. ресурсы очень хорошо гуглятся ;)

Answer 3

[Krickt]

1) ответили
2) плагин PerfectPixel для браузера.