How to make such a miracle yudu on bootstrap?

Question

css

https://www.dropbox.com/s/x7ghl3aqv53iyb1/f709dab1...
if you do just a picture, then joxi.ru/1A5ZpBki9yGZrE , tell me how to do it right

Answer 1

In general, there are many options. The simplest and most beautiful is clip-path. But if someone whines about cross bowser, then you can just skew the block, and then reverse skew in the block itself:
https://codepen.io/just-a-training/pen/KqKJNR