Question

我正在尝试为我的div / ul添加间距，如Bootstrap Utilities Documents中所示。但它根本不起作用，我甚至无法追踪Firebug中的课程。

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 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

实际上课程就像：

{属性} {两侧} - {大小}

示例：mt-1

Answer 2

是的，您使用的是旧版本的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 3

今天 2021 年，paddig left 的 boostrap 5 是 ps 值和 rigth 的 pe 值

Answer 4

测试了它，但这个特定的类定义不起作用（不再......）。认为他们删除了那些特定的课程

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

Bootstrap间距类不起作用

4 个答案: