BootStrap 响应式布局 · 话说前端这口砖

> bootsctrap 栅格系统简介 > .col-xs- 超小屏幕手机 (<768px) > .col-md- 中等屏幕，桌面显示器 (≥992px) > 一行12等份，基本上用这两个就可以布局好； ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <link rel="stylesheet" href="bootstrap.css"> <title>bootstrap</title> <style> .a{ background:#00f; } .b{ background:#f00; } </style> </head> <body> <div class="container"> <div class="row"> <div class="col-md-9 a"> <div class="row"> <div class="col-xs-4" style="background:#000;color: #fff">我来注册阿达撒打算 bootstrap</div> <div class="col-xs-8" style="background:#666;color: #fff">我来注我来注册阿撒阿达撒打算达大厦</div> </div> </div> <div class="col-md-3 b">5</div> </div> </div> </body> </html> ```