Bootstrap navbar is not responsive

[santhosh12992]

my code is,

%nav.collapse.navbar-collapse.navbar-ex1-collapse %ul.nav.navbar-nav.navbar-left %li{:class => "#{'active' if params[:action] == 'r4c'}"}= link_to 'R4C', {:controller => 'rtes', :action => 'r4c'}, :data => {:toggle => 'tooltip'}, :title => 'Relay for Carrier' %li{:class => "#{'active' if params[:action] == 'r4t'}"}= link_to 'R4D', {:controller => 'rtes', :action => 'r4t'}, :data => {:toggle => 'tooltip'}, :title => 'Relay for Driver' %ul.nav.navbar-nav.navbar-right %li{:class => "#{'active' if params[:action] == 'help'}"}= link_to 'Help', {:controller => 'rtes', :action => 'help'}, :data => {:toggle => 'tooltip'}, :title => 'Contact us for help'

The nav bar is responsive to 50%(appro) of the browser size but smaller then that, the tabs in the nav bar disappears. How to fix this?

My scss:

@import "bootstrap-sprockets";
@import "bootstrap";