Why does bootstrap modal position elements incorrectly?

Question

css

Made. It turned out like this: https://jsfiddle.net/DTcHh/18590/ It is necessary that both blocks be in 1 line, and not on different ones. As it is now?

Answer 1

Because
1. Pull-left and pull-right don't fit on the same line
2. Put a div class=Clearfix after them
3. The footer will look ok
Instead of pull-left and pull-right, better use a grid with columns for different sizes, then bootstrap he will decide when to move them, and when to put them side by side.
But if you need to be right next to each other, then set pull-left and pull-right width: 50%, and the content inside should either shrink or be hidden through overflow: hidden

Answer 2

You need to wrap blocks with col-md-6 in class="container" and class="row" then everything will work out.