横向滚动:

在大屏中显示:

在小屏中显示:

HTML结构

css 部分是借鉴于 Bootstrap 中的css样式;

js部分结构:

导航栏横向滚动: 是因为在大屏中能正常显示,但在小屏中就会将内容挤成两行(内容混乱),所以为了解决这样的问题, 我们使用了  横向滚动; 在小屏中将超出的内容隐藏,进行滚动 ; 再使用横向时 , 需要使用 " iscroll.js " 文件