课程
/前端开发
/Bootstrap
/玩转Bootstrap(基础)
col-xs col-sm col-md 这几个有什么区别,分别在什么时候使用?
2015-12-11
源自:玩转Bootstrap(基础) 3-10
正在回答
print hello
<div class="col-xs-12 col-sm-6 col-md-4">测试</div>在PC端1900左右宽度的时候是col-md-4然后根据屏幕的大小自动使用col-sm-6和col-xs-12、这个代码自己试一下就能看的出来了。
<div class="col-xs-12 col-sm-6 col-md-4">测试</div>
在PC端1900左右宽度的时候是col-md-4然后根据屏幕的大小自动使用col-sm-6和col-xs-12、这个代码自己试一下就能看的出来了。
对应不同的屏幕大小来使用的。
这是bootstrap 的响应式栏栅设计
v3.bootcss.com/css/#grid去这儿看看吧
举报
告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap
2 回答col-xs-6 col-md-3
4 回答col-xs-6 col-md-3
1 回答col-xs-6 col-md-3
1 回答col-md-* col-sm-* col-xs-* col-lg-* 什么情况下用什么样式?
3 回答col-md-X 与col-sm-X