A, CSS styles
1 Pictures
2, layout, layout (the global display)
3, the container - mesh - grid system
Built following format
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>编辑器</title> <link href="https://cdn.bootcss.com/normalize/8.0.1/normalize.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js " > </ Script> </ head> <body> <-! basic grid structure -> <div class = " Container " > <-! row must be placed in .container class within, in order to obtain proper alignment (alignment) and padding (padding) .--> <div class = " row " > <div class = " COL - * - * " > </ div> <div class = " COL - * - * " > </ div> </div> <div class="row">...</div> </div> </body> </html>