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

The .nav-justified class of bootstrap will take care of everything. This will resize the links in browsers wider than 768px. Smaller than that, the links will be stacked. Simply add it to the element and you are good to go.

...[rest of your code stays the same]...    

Doesn't address the question how to collapse the items, I am stating how to stack them. So my answer might not help, but I think it contributes, hopefully.