html - 像 my-2、my-lg-0、mr-sm-2 这样的 css 类在 bootstrap 4 中做什么?

标签 html css twitter-bootstrap bootstrap-4 navbar

<分区>

我查看了其他问题和 bootstrap 文档,但似乎无法找出这些类对元素的作用。任何帮助表示赞赏!我只是想让我的搜索栏在大视口(viewport)上是 1/4 的大小,在中等视口(viewport)上是 1/3 的大小,在小视口(viewport)上是 100% 的大小!

最佳答案

那些是 Bootstrap 间距实用程序类:

mr-sm-2:

r - for classes that set margin-right or padding-right

my-2, my-lg-0:

y - for classes that set both *-top and *-bottom

m

m - for classes that set margin

你可以从 boostrap spacing here 中看到符号


smlg 是实用类,每个使用 bootstrap 的人都会用到它:

sm - 小

lg - 大

关于html - 像 my-2、my-lg-0、mr-sm-2 这样的 css 类在 bootstrap 4 中做什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50750931/

相关文章:

javascript - 如何自定义 Bootstrap 数据表搜索框和记录 View 位置

javascript - HTML bootstrap popover 函数

javascript - 如何水平对齐 flex 盒中的一项?

Python - 使用 lxml Xpath 功能保留一些 HTML 标签

javascript - 用于升序和降序的 unicode 图标

css - Django(生产服务器)LESS 不渲染

jQuery滚动功能不断跳跃

html - 如何制作页面全高的包装器?

javascript - 现有模板的 Wordpress 大型菜单小部件移​​动样式问题

jquery - 避免在移动设备上渲染图像的 AngularJS 指令