Use bootstrap responsive layouts--Scroll across tabs options in the phone screen

The navigation bar to the small screen, our approach is to hide as a button. However, the tab portion of tabs, our approach is to add a horizontal scroll bar. However, adding a horizontal scrollbar needs to solve a problem, that is, the width of the problem, if not set width, he will be based on the screen size adaptive, so that there will be a line down the situation, there will be no horizontal scroll bar.

1, dynamic to the UL set width

Traverse the LI element to find out the width of all Li, so that you can dynamically set the width of the UL.

2, to the UL parent box set Overflow-x:scroll;

Use bootstrap responsive layouts--Scroll across tabs options in the phone screen