Whether this piece of code is right? Bootstrap Div part error. I have a scrollbar when loaded in HTML. Also I need to check if the row div can be inserted before sidebar-container element that is used Bootstrap4. I'm not sure on this part. I also feel there could be some errors that needs to checked.
Can someone clear this part here?
<div class="row">
<!-- Sidebar -->
<div id="sidebar-container" class="sidebar-expanded .d-block"><!-- d-block--visible on all devices-->
<!-- Bootstrap List Group -->
<ul class="list-group">
<!-- Logo -->
<li class="bg-dark list-group-item d-flex justify-content-center">
<img src="telekom-panda-navi.svg"/>
</li>
<!-- dots -->
<li class="size bg-dark list-group-item d-flex justify-content-center">
<img src="menu_breif.svg"/>
</li> <!-- End dots -->
<!-- Home -->
<li class="size bg-dark list-group-item d-flex justify-content-center">
<img src="menu_home.svg"/>
</li><!--End Home -->
<!--Menu -->
<li class="size bg-dark list-group-item d-flex justify-content-center">
<img src="menu_new_quote.svg"/>
</li><!--End menu -->
<!--menu_logout -->
<a href="#" class="size bg-dark list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-center">
<img src="menu_logout.svg">
</div>
</a>
<!--End menu_logout -->
<!--menu_left -->
<a href="#" data-toggle="sidebar-colapse" class="size bg-dark list-group-item list-group-item-action d-flex align-items-center">
<div class="d-flex w-100 justify-content-center">
<img src="menu_left.svg">
</div>
</a>
<!--END menu_left -->
</ul><!-- List Group END-->
</div><!-- sidebar-container END -->