如何使引导程序Navbars无响应

Question

所以我正在为客户设计这个网站。 它是一个以joomla为基础的社交网络。我已经包含了bootstrap css和js 固定在顶部的导航栏响应良好，但是当涉及较小的设备时，它会占用太多空间并重叠站点主体中的内容。如何让这个导航栏在所有设备的页面顶部保持一个尺寸？

<div class="container">
    <nav class="navbar navbar-inverse navbar-fixed-top ">
        <div class="no-collapse">
            <div class="col-xs-1 col-md-1">
                <center><img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/images/logo.png" height="50" width="50" class="img-responsive" /></center>
            </div>
            <div class="col-xs-9 col-md-8">
                <!--Menu Module-->
                <center><jdoc:include type="Modules" name="newmenu" style="none" /></center>
            </div>

            <div class="col-xs-2 col-md-2">
                <!--Menu Module-->
                <center><jdoc:include type="Modules" name="mysearchbar" style="none" /></center>
            </div>
        </div>
    </nav>