Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 导航栏布局_Html_Css_Twitter Bootstrap 3_Nav - Fatal编程技术网

Html 导航栏布局

Html 导航栏布局,html,css,twitter-bootstrap-3,nav,Html,Css,Twitter Bootstrap 3,Nav,我在使用引导程序使我的导航栏看起来像下面的照片时遇到问题 当屏幕分辨率变小时,图像将出现在实际导航链接的顶部和底部,而不是作为一个整体缩小。是否有更好的布局来实现这一点?您能在问题中加入演示吗?因此您抱怨您的页面响应速度太快。不错。 <nav class="navbar navbar-inverse" role="navigation"> <div class="row"> <div class="col-md-2">

我在使用引导程序使我的导航栏看起来像下面的照片时遇到问题



当屏幕分辨率变小时,图像将出现在实际导航链接的顶部和底部,而不是作为一个整体缩小。是否有更好的布局来实现这一点?

您能在问题中加入演示吗?因此您抱怨您的页面响应速度太快。不错。
<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>