![d15f48b4e1942e4590046af9c29df54f.png](https://i-blog.csdnimg.cn/blog_migrate/c5c4dbbb4fc268e268ad7595f937c03c.jpeg)
如果给你两个小时你能快速的码出一个网页来吗?还要不经能在PC端展现,移动端的展现效果也要得到兼容?你做得到吗?
一、框架介绍
前两天一个好朋友特别着急的发信息问我:能不能两个小时内做出一个静态网页出来,江湖救急。我最开始想到的是套模板,然后想到找模板花费的时间有点多,然后想到了bootstrap这个框架……
![02068d401d36990e2e8af4b96d1f2a33.png](https://i-blog.csdnimg.cn/blog_migrate/db1645e2ad6ddafe5a1f25a8f468d810.jpeg)
Bootstrap这个框架真的是神一样的存在,其官方的理念就是“简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。” 很多的代码都是直接拷贝过来就可以使用了,代码思路清晰,就算是刚刚接触也能很快的上手,对新手特别友好。
![f0ca121e0512c5f220ef7712eb9a4e8d.png](https://i-blog.csdnimg.cn/blog_migrate/e343422eb404be7595462923fa73cf11.jpeg)
二、使用体验
我在网站的构建上全部内容用的都是bootstrap上的代码,用了导航条、巨幕、缩略图以及媒体对象列表这些内容,马上整体框架就出来了,然后再更换一下文字,图片,网页就做好了。
PC 端页面效果:
![bf106f816427fe0452ccf5bcbfddc75d.png](https://i-blog.csdnimg.cn/blog_migrate/7763425ff65f755bfa68034964689e11.jpeg)
移动端页面效果:
![9d6444b2f119046570eb385f6df83736.png](https://i-blog.csdnimg.cn/blog_migrate/06e4a3a7d6321f74e3b994cf3f1e3905.jpeg)