Web multi-terminal Development Learning Series (i)---responsive layout framework bootstrap learning

Recently in the development of Web review, after graduation, no contact with web development. At that time HTML5 in the domestic seemingly or just start, can adapt to HTML5 browser very few. The mobile interface framework has only just begun, remembering the mobile framework of Sencha touch and the jquery mobile framework. Both frameworks have a good fit and implementation of the responsive layout. Responsive Layout It's just that for multiple mobile terminals, a single interface can be fully adapted , which can greatly reduce the workload of development.

Bootstrap has been widely used in recent years, and there are countless plugins developed based on this framework. So I spent a few days studying the next bootstrap, this article does not introduce the specific code, the specific control, only to do bootstrap study direction of reference.

Introduction Bootstrap's Chinese official website is http://www.bootcss.com/. Basic layout and basic control learning simply access http://v3.bootcss.com as an introductory reference. For some advanced plugins, you only need to use what to search for, without needing to learn one by one.        In the official website in contact with less language, a dynamic CSS language, some grammar can refer to the official website http://www.bootcss.com/p/lesscss/. The bootstrap is a very good fit for the mobile terminal, but only in Interface Display AspectFor hardware calls also require additional framework support, such as phonegap (to be studied in the next article).
Environment construction only need to introduce the above documents ( where IE8 IE9 need to introduce additional shim and respond class libraries to support HTML5 related tags） for bootstrap theme, the official website provides a default theme library Bootstrap-theme.min.css, if you want to other topics can be self-search online to introduce
Instance code download: HTTP://YUNPAN.CN/CJF22QI7EF5VH access password 5268. These are the bootstrap base plugins I have collected for more frequent use.
Summarizing the control style and layout of Bootstrap is done by writing a good CSS reference, early for some of the style of learning may be time-consuming, so you can not remember the specific style name, just write the code into an instance, in the process of Web site development to find the corresponding style can be, the control's learning can also be referenced in this way.

Web multi-terminal Development Learning Series (i)---responsive layout framework bootstrap learning