Bootstrap 间距类无效

Question

我正在尝试为我的 div/ul 添加间距，如 Bootstrap 实用程序文档中所示。但它根本不起作用，我什至无法在 Firebug.

中追踪 class

http://v4-alpha.getbootstrap.com/components/utilities/#spacing

我的HTML代码

<div>
    <ul class="p-t-20">
        <li><a href="#" class="fa fa-calendar fa-lg"> Events</a> </li>
    </ul>
</div>

我尝试同时使用 m-t-20 或 p-t-20 或其他组合。但它根本不起作用。我如何使用这些 bootstrap classes？

我正在使用这些 Bootstrap CSS 文件。我用错版本了吗？

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" integrity="sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX" crossorigin="anonymous">

Answer 1

是的，您使用的是 bootstrap 的旧版本。 Demo 3.3.5 这就是它不起作用的原因

如果您使用 V4.0，Demo 这里可以正常工作

正如 Vucko 提到的，您的 Bootstrap 版本没有您在 HTML 结构中使用的类..

<div>
    <ul class="p-t-20">
        <li><a href="#" class="fa fa-calendar fa-lg"> Events</a> </li>
    </ul>
</div>

Answer 2

对其进行了测试，但这个特定的 class 定义不起作用（不再......）。认为他们删除了那个特定的 classes。

但是例如class="m-y" 确实有效（在 v4.0.0-alpha 中）

Answer 3

实际上 class 就像：

{属性}{边}-{尺寸}

示例：mt-1

Answer 4

2021 年今天在 boostrap 5 边距和填充中：
保证金
保证金顶部：mt-value
右边距：me-value
保证金底部：mb-value
剩余边距：ms-value

填充
填充顶部：pt-value
右填充：pe-value
底部填充：pb-value
Paddig 离开：ps-值。
值的范围是 0 到 5

Bootstrap 间距类无效

Bootstrap Spacing classes not working

css

twitter-bootstrap-3

padding

margins

Bootstrap 间距 类 无效

Bootstrap Spacing classes not working

css

twitter-bootstrap-3

padding

margins

Bootstrap 间距类无效