jquery - Bootstrap sliding tabs (not tab content) -

i'm developing project , using bootstrap tabs tabs. users able create new tabs, here problem: more n tabs (where n depends on browser's width) result on behaviour:

i surf little bootstrap html tabs code, , tabs li elements inside ul. want achieve this:

so on right side (and left side) tabs component may have button let users navigate between created tabs (like slider).

anyone guide me goal? or other tab component (from other framework example) implements behaviour default?

thanks in advance!

there nothing in bootstrap ootb, can this: http://codeply.com/go/43artwzuie

this solution uses jquery check width in tabs container, , adjust position of tabs accordingly.

another option put overflowing tabs dropdown this: http://www.bootply.com/7oali9a9zl#