How to insert a 300x200px logo image into the navbar so that it doesn't go out of bounds?

Question

Bootstrap

Good afternoon.
Can you please tell me how to insert a 300x200px logo image into the navbar so that it does not go beyond the borders?

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">
        <img alt="Brand" class="img-responsive" src="/logo.png">
      </a>
    </div>
  </div>
</nav>

Answer 1

Found a solution:
instead of

<a class="navbar-brand" href="#">
<img alt="Brand" class="img-responsive" src="/logo.png">
</a>

you need to register
attach to the left side and everything works as it should and does not go out of bounds

Answer 2

For example, add dimensions for the block:
<div class="navbar-header col-md-4">