热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

在bootstrap中使用col-*-offset-0有什么用?

如何解决《在bootstrap中使用col-*-offset-0有什么用?》经验,为你挑选了1个好方法。

我知道在div标签上使用时,可以看到添加大于0的偏移量.但是,offset-0如果它没有添加任何有形的东西,目的是什么?



1> Chris..:

但目的是offset-0什么?

一句话:压倒一切.

您可以使用该类覆盖以前的偏移量.这个类的实际规则很简单:

margin-left: 0;

如果您查看官方的Bootstrap文档,它会说:

您还可以使用.col-*-offset-0类覆盖较低网格层的偏移量 .


演示

在此演示中,蓝色

具有以下额外类:

col-xs-offset-3这意味着大小xs 及以上的设备将获得等于3的偏移量.在css中这意味着margin-left: 25%.

col-xs-offset-0这意味着大小sm 及以上的设备将获得等于0的偏移量margin-left: 0.在css中这意味着.

因此,如果您只需要xs设备的偏移量,则需要使用偏移量0来覆盖此设置,以用于任何事物sm和更高版本.

.row div div {
  background: red;
  height: 50px;
}
.row div:last-of-type div {
  background: blue;
}



推荐阅读
author-avatar
baiyanan862273
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有