Questions How to implement horizontal scroll bar as tabs grow

I need to implement navigation tabs. As tabs grow beyond the limit, i need to provide a horizontal scroll bar.

My reference code:

http://code.ciphertrick.com/2015/05/04/browser-like-tabs-with-angularjs-and-bootstrap/

I have implemented the same in the above url. But i need a horizontal scroll bar when the tabs grow more than the width. Presently it is coming below in a separate row.

Please help.


1 Answers :
rifa_at_so answered

You have to use a fixed width and the set the css property overflow horizontal scrolling.

.nav {
    overflow-x: scroll;
    width: 1500px;
}
user5308950 replied
but after 1500 px...it will not work;