How do i make bootstrap Navbars Non responsive

So Im in the middle of designing this website for a client. Its a social network based around joomla. and I have included bootstrap css and js The nav bars fixed at the top are at responding well but when it comes to smaller devices it is making taking up too much space and overlapping the content in the body of the site. How do i make this navbar stay one size and all the way across the top of the page for all devices?

<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>