"BootStrap" Foundation

"BootStrap" Foundation

I. Adaptive (for different devices such as mobile phone tablet pen, the width of the page to adapt to the device width)

<meta name= "viewport" content= "Width=device-width, initial-scale=1" >

Two. Layout

1. Containers-Container

2. Grid. Row-the primary layout style

A. A row contains a maximum of 12 cells, and more than 12 will start a row

B. Cell style.col-xs-（手机），.col-sm-（平板），.col-md-（笔电），.col-lg-（大屏桌面）

C. In order to make a page display on different devices, you can add the phone, tablet, pen and other styles are added, the grid will adjust its layout

"BootStrap" Foundation