Remove Responsive

3

(I was just pasting in the same link with a short description as it relates to Roots so this might not be entirely a duplicate post. )

http://getbootstrap.com/getting-started/#disable-responsive

In templates/head.php remove

<meta name="viewport" content="width=device-width, initial-scale=1.0">

In assets/less/app.less add:

.container {
   max-width: none !important;
   width: 970px;
}

In header-top-navbar.php remove button.navbar-toggle (line 4 to 9) and remove .collapse and .navbar-collapse classes from the <nav> element. It should look something like this when you are done:

<header class="banner navbar navbar-default navbar-static-top" role="banner">
  <div class="container">
    <div class="navbar-header">
      <a class="navbar-brand" href="<?php echo home_url(); ?>/" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
      	<?php bloginfo( 'name' );?>
      </a>
    </div>

    <nav role="navigation">
      <?php
        if (has_nav_menu('primary_navigation')) :
          wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => 'nav navbar-nav'));
        endif;
      ?>
    </nav>
  </div>
</header>

In lib/config.php change the grid classes from .col-sm-* to .col-xs-* (lines 24, 27, 37)

/**
 * .main classes
 */
function roots_main_class() {
  if (roots_display_sidebar()) {
    // Classes on pages with the sidebar
    $class = 'col-xs-8';
  } else {
    // Classes on full width pages
    $class = 'col-xs-12';
  }

  return $class;
}

/**
 * .sidebar classes
 */
function roots_sidebar_class() {
  return 'col-xs-4';
}

Let me know if I missed anything and I will update this post.

Hope this helps