导航栏布局

Question

我在使用bootstrap让导航栏看起来像下面的照片时遇到了问题。

<nav class="navbar navbar-inverse" role="navigation">
    <div class="row">
        <div class="col-md-2">
            <img src="" class="img-responsive" />
        </div>
        <div class="col-md-8">

        </div>
        <div class="col-md-2">
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
        </div>
        <div class="col-md-8">

        </div>
        <div class="col-md-2">
            <img src="" class="img-responsive" />
        </div>
    </div>
</nav>

当屏幕分辨率变小时，图像将位于实际导航链接的顶部和底部，而不是缩小为整个部分。是否有更好的布局来实现这一目标？