使用Bootstrap实现响应式布局

Implementing Response Layout By Using Bootstrap

为了解决移动互联网浏览问题,Ethan Marcotte提出响应式布局,目的是让一个网站能兼容多个终端。Bootstrap是最受欢迎的HTML、CSS和JS框架,用于开发响应式布局、移动设备优先的Web项目。笔者介绍了Bootstrap的概念、下载和响应式设计,以及从像素宽度分类、布局栅格化、响应式布局的基本CSS和组件以及Java Script、私人定制五个方面,论述如何实现响应式布局,并指出存在的问题,即代码量增大而效率低下,因此,在前端设计开发时,要权衡负载消耗与设计效果,以期达到最佳的用户体验。

In order to solve the mobile Internet browsing problem,Ethan Marcotte proposes a responsive layout,with the aim of enabling a web site to be compatible with multiple terminals.Bootstrap is the most popular HTML,CSS,and JS framework for developing responsive layouts and mobile device priorities for WEB projects.The author introduces the concept of Bootstrap,download and response type design,and classification,from the pixel width of the grid layout,responsive layout of basic CSS and JavaScript,and the component,the five aspects of private custom,discusses how to implement the response style layout,and points out the existing problems:the code rate is increased and the efficiency is low,therefore,in the front-end design and development,to balance load consumption and the effect of design,in order to achieve the best user experience.