Menu navbar trong bootstrap

Mọi người cho em hỏi làm sao để logo nằm sát so với nút navbar-toggle kia ạ. em đang dùng bootstrap 4 ạ.

Em định sau khi sửa được thì bên phải logo em sẽ thêm nút search và nút icon tròn là phần đăng nhập, đăng kí nữa ạ.

code đây ạ:

<nav class="navbar navbar-expand-lg navbar-light bg-white">
		<!-- Toggler/collapsibe Button -->
		<!-- Màn hình nhỏ thì menu tự thu vào một nút collapse-->
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

		<!-- logo -->
		<a class="navbar-brand" href="homepage.html">
			<img src="img/logo-demo.png" width="125px" height="50px">
		</a>

         <!-- Menu - Navbar-link -->
        <div class="collapse navbar-collapse" id="navbarResponsive">
         	<ul class="navbar-nav">
         		<li class="nav-item">
         			<a href="#" class="nav-link">Bài hát</a>
         		</li>
         		<li class="nav-item">
         			<a href="#" class="nav-link">Quốc gia</a>
         		</li>
         		<li class="nav-item">
         			<a href="#" class="nav-link">Thể loại</a>
         		</li>
         		<li class="nav-item">
         			<a href="#" class="nav-link">Giới thiệu</a>
         		</li>
        	</ul>
        </div>
</nav>

Em cảm ơn anh chị ạ.

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?