makes nav-pills collapsable just like nav-bar in bootstrap

Question

we are developing an application and we are using twiiter bootstrap 3 we have created a navigation bar with nav-pills

Answer 1

Another method to try is to set navbar li to 100%:

@media (max-width: 768px) {
  #navbar li { width:100%; }
}