NavBar issues

Hello again!

I understand this is a basic html but for some reason executing it with CI doesn't work the way I want it to work. Im trying to add Im trying to add Bootstrap Brand NavBar to site. Unfortunately I cant get it to flush left while main content on page is centered. How do I flush left the logo/brand in NavBar? This is the code I got from Bootstrap that I would love to use:

Code:

<!-- Image and text -->
<nav class="navbar navbar-light bg-light">
 <a class="navbar-brand" href="#">
   <img src="/docs/4.0/assets/brand/bootstrap-solid.svg" width="30" height="30" class="d-inline-block align-top" alt="">
   Bootstrap
 </a>
</nav>

,
Mekaboo