引导程序4中像my-2，my-lg-0，mr-sm-2这样的CSS类做什么? [英] what do css classes like my-2, my-lg-0, mr-sm-2 do in bootstrap 4?

问题描述

我看了其他问题和引导文档，似乎无法找出这些类对元素的作用.任何帮助表示赞赏！我只是想将搜索栏的大小设为大视口的1/4倍，中视口的1/3，小视口的100％！

I have looked at other questions and the bootstrap documentation and cant seem to find out what these classes do to elements. Any help is appreciated! Im just trying to make my search bar be 1/4th the size on a large viewport, 1/3 the size on a medium viewport, and 100% the size on a small viewport!

推荐答案

这些是引导程序间距实用程序类:

Those are bootstrap spacing utilities classes :

mr-sm-2:

r-对于设置margin-right或padding-right

my-2，my-lg-0:

y-对于同时设置*-top和*-bottom

m

m-对于设置边距的类

m - for classes that set margin

您可以从boostrap间距>在此处

you can see the notation from boostrap spacing here

sm和lg是实用程序类，每个使用引导程序的人都可以使用它来查看它:

sm and lg are utilities classes that everyone who uses bootstrap are use to see it:

sm-小

lg-大

这篇关于引导程序4中像my-2，my-lg-0，mr-sm-2这样的CSS类做什么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！