前提:博主本人做.net方向的2年多了
去年的后半年公司要做基于bootstrap框架的后台,由于没有经验,然后跟公司美工一块从0开始折腾,对这个框架不是太熟悉,然后就开始各种自己写js写css的往里面加,然后还使用了备受诟病的iframe嵌套的页面逻辑。说多了都是泪啊。
如今转眼快一年了,对bootstrap也多多少少有些了解,然后刚好 新项目 要用,所以就重新搭建了框架,顺便把代码跟大家分享一下。
PC正常
![基于bootstrap3.3.4的简单框架搭建(左侧导航收起滚动) - 石頭 - 納億攆,我們讀層揍過 基于bootstrap3.3.4的简单框架搭建(左侧导航收起滚动) - 石頭 - 納億攆,我們讀層揍過](https://raw.githubusercontent.com/shihao316558512/blogimg/master/2018/3746431940119774646.png)
PC左侧收起效果
![基于bootstrap3.3.4的简单框架搭建(左侧导航收起滚动) - 石頭 - 納億攆,我們讀層揍過 基于bootstrap3.3.4的简单框架搭建(左侧导航收起滚动) - 石頭 - 納億攆,我們讀層揍過](https://raw.githubusercontent.com/shihao316558512/blogimg/master/2018/6598132994462246560.png)
手机浏览器截图(默认左侧导航自动收起)
![基于bootstrap3.3.4的简单框架搭建(左侧导航收起滚动) - 石頭 - 納億攆,我們讀層揍過 基于bootstrap3.3.4的简单框架搭建(左侧导航收起滚动) - 石頭 - 納億攆,我們讀層揍過](https://raw.githubusercontent.com/shihao316558512/blogimg/master/2018/6598191268578518406.png)
手机左侧打开,右侧整体右移
![基于bootstrap3.3.4的简单框架搭建(左侧导航收起滚动) - 石頭 - 納億攆,我們讀層揍過 基于bootstrap3.3.4的简单框架搭建(左侧导航收起滚动) - 石頭 - 納億攆,我們讀層揍過](https://raw.githubusercontent.com/shihao316558512/blogimg/master/2018/2003257409351472048.png)
![基于bootstrap3.3.4的简单框架搭建(左侧导航收起滚动) - 石頭 - 納億攆,我們讀層揍過 基于bootstrap3.3.4的简单框架搭建(左侧导航收起滚动) - 石頭 - 納億攆,我們讀層揍過](https://raw.githubusercontent.com/shihao316558512/blogimg/master/2018/3760787163931691002.png)
最后欢迎大家建议 和 意见