怎样让bootstrap是什么设计的页面在手机端也能响应式自适应

来源：蜘蛛抓取(WebSpider) 时间：2017-10-14 02:47 标签： bootstrap是什么

摘 要：随着移动设备的快速发展，多终端逐渐被普及到多个领域。在为终端设备渲染页面的同时，不仅要兼容传统页面布局，还要达到响应式效果。Bootstrap以其美观的界面和良好的自适应功能被广泛使用。文中基于Bootstrap框架设计实现农业监控系统的响应式网页，让用户可以随时随地了解农作物的生长环境。

關键词：响应式网页；Bootstrap；农业监控；多终端

随着时代发展，新兴科技日新月异。为使多终端设备进行网页访问，网页设计不仅需要变得灵活，还要能适应渲染它们的各种媒介。Bootstrap[1]框架最大的优势是响应式布局，并且内置了多样化样式，可以快速应用于各种场景。智慧农业的迅速发展有效提高了作物质量，使得智慧农业炙手可热。而基于Bootstrap的农业监控系统的网页响应式设计与实现，可使用户方便管理农作物的生长环境。

1 现代农业的现状及存在问题

现代农业是一个广泛的概念，调整农业产业结构的同时转变农业产值增长方式是目前农业主要的发展方向。

农业监控系统是智慧农业的延伸，依托现代物联网技术，用户通过使用多终端设备就能方便获取并查看大棚内的作物数据信息。但农业监控系统在网页浏览的媒介上还存在欠缺，如通过不同的设备访问网页时会为用户带来不同的体验。因此，需要在界面设计和美观方面改善提升。

2 响应式网页设计与实现

针对以上问题，可以使用易推广的技术来搭建农业监控系统。计算机是用户Web浏览的主要媒介工具，在不断完善的前端标准下，渲染网页花样百出。而一种新的网页设计方式也出现了，在兼容传统固定排版样式的情况下，可使页面自适应不同设备。

[4]舒后，熊一帆，葛雪娇.基于Bootstrap框架的响应式网页设计与实现[J].北京印刷学院学报，2016，24（2）：47-52.

[5]王少华.基于Bootstrap的响应式网页设计与实现——以i-太极网站主页为例[J].宁波广播电视大学学报，2016（3）：119-122.

[6]徐卫红.基于Bootstrap框架的响应式网页设计与实现——以电大《网页设计与制作》网络课程为例[J].江西广播电视大学学报，2016，18（4）：92-96.

[8]斯珀洛克.Bootstrap用户手册设计响应式网站[M].北京：人民邮电出版社，2013.

我要回帖

更多关于 bootstrap是什么 的文章

 

随机推荐