A few questions about layout

Question

css

1. How to implement this element in bootstrap

Screenshot

There is a background image stretched to full screen background-size: cover, inside this block there is a logo (located on the left) and such an element as in the screenshot, which should stretch to the right to the end of the screen, but the text in it should not go beyond the border .container
All this is based on bootstrap 3
2 .Where you can read - how layout is now being done on the layout. Pixel perfect or more or less what to use for em or px font size and padding

Answer 1

1. It's very simple: just create another div inside the container with your corner and set it to a fixed (well, or percentage, boostrap) width. Delov :)
2. On the Internet. There are no jokes here. You open Google or Habr and enter the right question and you get a sufficient answer.

Answer 2

1) answered
2) PerfectPixel browser plugin.