Navbar z listy ul i z użyciem flex, nieudana próba część li przyrównać do prawej strony

Question

Cześć

Próbuje wyśrodkować logo i przyrównać do prawej strony plusa, kopertę oraz kółko. Próbowałam wielu rzeczy od flex-enda po float: righta i nie chce się ruszyć, jak można to zrobić nieużywając position: absolute ?

 

Podpięte biblioteki : bootstrap 3, scss

Demo :

https://codepen.io/anon/pen/xzvOoG

Answer 1

Zrób sobie trzy divy zamiast listy <ul>. W nich pozamykaj sobie odpowiednie elementy które chcesz i dla .navbar zrób justify-content: space-between