How to remove padding for an image placed in a navigation bar button (bootstrap)?

Question

css

It is necessary to make the button have an image that occupies the entire height of this button, but bootstrap indents for it, how to remove them?

Here is the html and css:

<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
    <section class="container">
        <div class="btn-group navbar-btn">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <img src="/img/0.jpg" alt="..." class="img-responsive img-logo">
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
                <li><a href="#">Действие</a></li>
                <li><a href="#">Другое действие</a></li>
                <li><a href="#">Что-то иное</a></li>
                <li class="divider"></li>
                <li><a href="#">Отдельная ссылка</a></li>
            </ul>
        </div>                
    </section><!-- /.container -->
</nav>
<!-- /navigation -->

.img-logo {
    border: 2px solid black;
    border-radius: 4px;
    height: 100px;
    padding: 0;
    margin: 0;
}

PS
Indents are removed if the margin is negative in the img-logo class, but it seems to me that it is wrong to do this and in this case other content runs over the image.

Answer 1

try changing this class like this:
.navbar-btn {
margin-top: 0;
margin-bottom: 0
}