1👍
✅
Looks like you get the problem because of the next two things:
navbar-right
class used twice inuser.is_authenticated
block. This class is used to set the position of navbar. To make other elements float right you should usepull-right
class. So, try to delete this class from the form.- Moreover, why is
<ul>
wrapped with the form? Form is just a part of your navbar, so it should be inside the navbar. I’d recommend to use a<div>
as a navbar holder in your case and to place<ul>
and<form>
(if you need it) inside it.
Source:stackexchange.com