Bootstrap布局

巧用 BootStrap -- 栅格系统(布局)轻松搞定网页响应式布局!

  摘要:Bootstrap 为我们提供了一套响应式、移动设备优先的流式栅格系统,合理的使用栅格系统将会使得网站页面布局变得更加简单,在设置了媒体查询之后,响应式网站也无需再单独写了。接下来我以Bootstrap的中文官网首页为模板进行展示其栅格布局的使用方法以及相关知识点。相信在看完这篇文章之后,你完全可以轻松使用栅格布局。 网站效果图如下所示: P...

Bootstrap部分---环境安装及一个可视化的布局;

一:环境安装*****顺序不可变***** <head> 如果需要可以设定,移动设备优先 <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--1.引入 Bootstrap---> <link href="../../....