How to align elements in bootstrap in this case?

Question

Layout

https://codepen.io/freeman0204/pen/xLBzwg?editors=1100 needs to be aligned like this prntscr.com/gguptr As I understand bootstrap tags do not need to be styled? With flexbox, I know how to do it easily, but it needs to be on bootstrap. Tell me how to correctly arrange the elements as in the screenshot? And what are the best bootstrap classes to substitute?

Answer 1

.pull-right
.pull-left
or in styles float: right; for the menu
Margins can be set for the menu margin: 10px 10px 10px 0; or padding: 10px 10px 10px 0;