How to make "button" and "logo" from different ends of the menu in one line on Bootstrap?

Question

css

Hello!
I'm not sure that I expressed my idea very clearly in the title of the topic, so I made a small diagram:

Above is a view on a PC, where the menu expands to its full width and the "Logo" and "Button" are located at different ends of the menu.
Below is a view on the phone, where the menu with links goes down, and "Logo" and "Button" are on the same line.
What I have not tried - everything is not displayed correctly, then on the phone, then on the PC.
I'm using Bootstrap 3.
Thanks in advance!

Answer 1

pull-right will help you. jsfiddle.net/Stalk/pea7m30z