使用bootstrap做一个响应式的页面
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 7 <title>Bootstrap响应式页面设计</title> 8 <link rel="stylesheet" href="vendor/bootstrap.min.css"/> 9 </head> 10 11 <body> 12 <div class="container"> 13 <!-- 这里按照Bootstrap官方的文档标准来设计html --> 14 </div> 15 </body> 16 </html>
利用bootstrap设计html页面(适配PC,手机,平板),大概用上面的模版来写基本上没有什么问题,如果有疑问欢迎吐槽