![Bootstrap响应式Web前端开发](https://wfqqreader-1252317822.image.myqcloud.com/cover/247/53256247/b_53256247.jpg)
上QQ阅读APP看书,第一时间看更新
1.2 为什么使用Bootstrap
1.2.1 Bootstrap的优点
众所周知,随着移动设备越来越受广大人民的喜欢,响应式网页设计也越来越流行。但是通过媒体查询,针对每种终端做相应的设计甚至网页布局,代码量比较多,开发和维护起来比较麻烦。使用Bootstrap就可以很好地解决这些问题。因为Bootstrap中包含很多现成的带有各种样式和功能的代码片段,并且这些代码都是已经封装好的,所以进行响应式设计时,仅需引入Bootstrap文件,然后添加class属性或者添加几行代码就可以实现某个功能,而不必花费很多时间和精力,这大大提高了Web开发的效率。而且使用Bootstrap可以构建出非常精美的前端界面,并且占用的资源非常少。当然,Bootstrap的优势不止于此,它还有以下优点。
![](https://epubservercos.yuewen.com/FD910A/31729066804808706/epubprivate/OEBPS/Images/58656-00-011-1.jpg?sign=1739576277-V3QQaEIh4NmmhC0iwydQAxiuzNut6hXi-0-0c96dd2188f9ace9ceb7fe3836c31d93)
Bootstrap的优点
• 移动设备优先:自Bootstrap 3起,框架包含贯穿于整个库的移动设备优先的样式。
• 浏览器支持:所有的主流浏览器(包括IE、Chrome、Safari、Firefox、Opera)都支持Bootstrap。
• 容易上手:要使用Bootstrap,只需具备HTML、CSS的基础知识就可以。
• 响应式设计:Bootstrap的响应式CSS能够自适应于台式机、平板电脑和手机等设备的屏幕。