已解决问题
xs,sm,md,lg,xl,分别是什么码数
提问时间： 19:34:57
浏览次数：7792
该答案已经被保护
其实呢，这单词是个集合名词，单复都可以用，比如&一块巧克力（a bar of chocolate）&或者说&一些巧克力（some chocolates）&； chocolate作为食品和饮料的用法基本上就是两种情况： 一、用在不可数的场合一般是指热巧克力饮料（是指液态的或者是膏状那种啦，你懂的），大多数情况下是要与牛奶混合的饮料。可数的 参考以下资料: tent: [ tent ] cn. 帐篷 v. (住)帐篷,宿营 [ 过去式tented 过去分词tented 现在分词tenting 第三人称单数tents ] 例句与用法 1. There are rows of tents at the foot of the mountain. 山脚下有几排帐篷。也就是说卖方在台湾将货物装上船就完成了交货义务，其余的费用和风险由买方承担，买方要租船订舱，购买保险，还要及时支付每码10.5美元的货款。无限不循环小数,二进制数!^_^。是在泥沙运动相关信息中的，一般是河流动力学中可以学到。是判断水流条件的。是爱伊斯坦的儿子发明的一个数。
答案创立者
以企业身份回答&
快速解决你的电商难题
店铺优化排查提升2倍流量
擅长&nbsp 店铺优化
您可能有同感的问题布局的时候什么时候用xs，sm，md，lg_百度知道
布局的时候什么时候用xs，sm，md，lg
我有更好的答案
当你想要内容大小随着屏幕大小自动适应的时候就可以使用bootstrap，也就是在pc端以及不同手机（显示屏大小不同）端内容也能够正常显示的时候；一行最多占十二个标签，不管是大屏还是超小屏的时候；col-lg一般用于大屏设备（min-width：1200px），col-md一般用于中屏设备（min-width：992px），col-sm一般用于小屏设备（min-width：768px），col-xs用于超小型设备（max-width：768px）；后面跟数字是几，也就是占几份。比如是4，也就是一行可以显示3个；或者12，就是一行可以显示1个；关于使用，一般设置的话四个属性都用到会比较好，这样就可以在不同屏幕上很好的展示；比如你有了12个section标签，你想让他们在不同屏幕大小的时候有不同的展示方式，大屏时一行显示6个，中屏时一行显示3个，小屏时一行展示2个，超小屏一行展示1个，你就可以在每一个section标签里面这样写，(class='col-lg-2 col-md-4 col-sm-6 col-xs-12')。
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。www.weiqinxue.cn
Bootstrap 响应式实用工具——visible-xs、visible-sm、hidden-xs、hidden-sm等
Bootstrap 提供了一些帮助器类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。
需要谨慎使用这些工具，避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。
.visible-xs
额外的小设备（小于 768px）可见
.visible-sm
小型设备（768 px 起）可见
.visible-md
中型设备（768 px 到 991 px）可见
.visible-lg
大型设备（992 px 及以上）可见
.hidden-xs
额外的小设备（小于 768px）隐藏
.hidden-sm
小型设备（768 px 起）隐藏
.hidden-md
中型设备（768 px 到 991 px）隐藏
.hidden-lg
大型设备（992 px 及以上）隐藏
没有更多推荐了，
所以有问题请加群：，这样我就能很快恢复你咯bootstrap 之 xs,sm,md,lg &&
主要颜色 - Lulin1 - 博客园
mobile &&xs&( &768px )
tablet &&sm&( 768~991px )
desktop &&md&( 992~1170px )
large desktop &&lg&( &1170px )
& & &主要蓝（bg-primary）、成功绿（bg-success）、信息蓝（bg-info）、警告黄（bg-warning）、危险红（bg-danger）
阅读(...) 评论()
Powered By:前端开发工程师，专注于研究交互体验，把用户体验做到极致。
Bootstrap栅栏布局里col-xs-*、col-sm-*、col-md-*、col-lg-*之间的区别及使用方法
对于一些初学boostrap的同学来说，肯定也像我一样傻傻的搞不懂col-××-*都是要怎么使用吧，我刚开始也表示一脸懵逼，后来查阅了这篇文章才搞懂了他们之间的区别，我整理了一下供大家一起学习。摘要: bootstrap栅栏系统css中的col-xs-*、col-sm-*、col-md-* 、col-lg-*的意义：.col-xs-* 超小屏幕 手机 (&768px).col-sm-* 小屏幕 平板 (≥768px).col-md-* 中等屏幕 桌面显示器 (≥992px).col-lg-* 大屏幕 大桌面显示器 (≥1200px)关键字解释1、col-column：列；2、xs-maxsmall：超小； sm-small：小；
md-medium：中等；
lg-large：大；3、-*表示占列，即占自动每行row分12列栅格系统比；4、.col-xs-*超小屏幕 手机 (&768px)，超小屏幕时使用；
.col-sm-*小屏幕 平板 (≥768px)，小屏幕时使用；
.col-md-*中等屏幕 桌面显示器 (≥992px)(栅格参数)，中等屏幕时使用；
.col-lg-*大屏幕 大桌面显示器 (≥1200px)，大屏幕时使用。5、不管在哪种屏幕上，栅格系统都会自动的每行row分12列 col-xs-*和col-sm-* 和col-md-*后面跟的参数表示在当前的屏幕中 每个div所占列数。例如 &div class="col-xs-6 col-md-3"& 这个div在屏幕中占的位置是： .col-xs-6 在超小屏幕中占6列 也就是屏幕的一半（12/6列=2个div） ，.col-md-3 在中单屏幕中占3列也就是1/4（12/3列=4个div）。6、反推，如果我们要在小屏幕上并排显示3个div(12/3个=每个占4 列 )，则col-xs-4；在大屏幕上显示6个div(12/6个=每个占2列 ) ，则 col-md-2；这样我们就可以控制我们自己想要的什么排版了。案例说明1、单一案例分析&div class="container"&
&div class="row"&
&div class="col-md-4"&col-md-4&/div&
&div class="col-md-4"&col-md-4&/div&
&div class="col-md-4"&col-md-4&/div&
&!-- 说明：每row行共12列，分个3div，每个div平占4列，即3个*4列=12列 --&
&div class="row"&
&div class="col-md-4"&col-md-4&/div&
&div class="col-md-8"&col-md-8&/div&
&!-- 说明：每row行共12列，分个2div，第1个div占4列，第2个div则占8列，即4列+8列=12列 --&
&div class="row"&
&div class="col-md-3"&col-md-3&/div&
&div class="col-md-6"&col-md-6&/div&
&div class="col-md-3"&col-md-3&/div&
&!-- 说明：每row行共12列，分个3div，每1,3个div占3列，第2个div则占6列，即3列+6列+3列=12列 --&
&/div&2、混用案例分析：HTML代码：&div class="col-xs-12 col-sm-9 col-md-6 col-lg-3"&测试&/div&当屏幕尺寸：小于 768px 的时候，用 col-xs-12 类对应的样式；在 768px 到 992px 之间的时候，用 col-sm-9 类对应的样式；在 992px 到 1200px 之间的时候，用 col-md-6 类对应的样式；大于 1200px 的时候，用 col-lg-3 类对应的样式；（完）参考文章：http://www.cnblogs.com/sdusrz/p/7170564.html
没有更多推荐了，}