Bootstrap中栅格系统xs,sm,md,lg

如题,bootstrap中的xs,sm,md,lg的意义

bootstrap版本 v3

xs:xsmall phone 超小屏(自动)
sm: small tables 小屏(750px)
md: middle desktops 中屏(970px)
lg: larger desktops 大屏(1170px)

后面的750px,970px等表示的是.container能够使用的最大宽度。
在栅格系统中使用这些class是为了适应屏幕,一般来说,使用md较多,不过也可以一起使用,例如

<div class="row">
	<div class="col-md-6 col-sm-3">div>
div>

当屏幕是中屏即md时,就会使用col-md-6进行适配。
当屏幕较小时,就会换用到col-sm-3进行适配。

以上

你可能感兴趣的:(前端,bootstrap,css,前端)