布局 基础知识

原文:https://www.jianshu.com/p/53a42c73f30b

bootstrap:

xs,sm,md,lg 的区别:

  一行最多占十二个标签,不管是大屏还是超小屏的时候。
  col-lg:一般用于大屏设备,(min-1200px);
  col-md:一般用于中屏设备,(min-width:992px);
  col-sm:一般用于小屏设备,(min-width:768px);
  col-xs:用于超小型设备,(max-width:768px);

  后面跟数字是几,也就是占几份,
  比如是4,(col-xs-4),也就是一行可以显示3个;
  或者是12,(col-xs-12),就是一行可以显示1个。

原文地址:https://www.cnblogs.com/guxingy/p/11994904.html