代码之家 › 专栏 › 技术社区 › mahan

Boostrap 4移动间距

bootstrap-4 twitter-bootstrap

mahan · 技术社区 · 7 年前

引导程序具有间距类,例如 m-sm-1 和 m-md-1 。似乎对于手机,正如其文档中所述: Spacing utilities that apply to all breakpoints, from xs to xl 然而 m-xs-* 不起作用。我在其源代码中也找不到这样的类

bootstrap 4是否有用于移动设备的间距实用程序类?如何申请 mt-xs-2 在按钮上?

1 回复 | 直到 7 年前

Robert 7 年前

这个 -xs- 已在引导数据库4中删除变体处处。对于大多数实用程序类(以及网格),行为如下所示:

因此,对于边际效用类,您可以执行以下操作:

<div class="m-1 m-sm-2 m-md-3 m-lg-4">Hi!</div>

在最小断点处 m-1 将应用,它将从那里开始工作。您可以从原始帖子中的同一链接了解更多信息:

这些类使用以下格式命名 {属性}{边}-{大小} 对于xs 和 {属性}{边}-{断点}-{大小} 适用于sm、md、lg和xl。

推荐文章

xajetin · 导航不更改滚动上的颜色

2 年前

Noor ul ain Ibrahim · 如何在一行中制作两个大小相同的按钮?

2 年前

Bryan Santos · 固定表头与引导

3 年前

Nicolas Berthier · Bootstrap 5基于内容的包装

3 年前

tym · 根据用户偏好显示字段

3 年前

Sheryar Khan · 如何仅使用html、css、bootstrap、javascript/jquery创建html页面?

3 年前

Pavel · 当验证DIV可见时,引导网格会移动

6 年前

Sam · 在标题中嵌入Bootstrap 3导航栏

6 年前

Alexander David · 折叠卡打开,然后立即再次关闭

6 年前

Sandeep Bhardwaj · div的一致行为,与设备分辨率无关

6 年前