Bootstrap间距类不起作用

Question

Bootstrap间距类不起作用

TTC*_*TCG 4 margins padding css3 twitter-bootstrap-3

我正在尝试为我的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>

Run Code Online (Sandbox Code Playgroud)

我试图使用mt-20或pt-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">

Run Code Online (Sandbox Code Playgroud)

Answer 1

Edu*_*ino 20

今天 2021 在 boostrap 5 边距和填充：
边距
边距顶部：mt-value
右边距：me-value
边距底部：mb-value
左边距：ms-value

Padding
Padding top：pt-value
Padding right：pe-value
Padding bottom： pb-value
Paddig left: ps-value。
其中值的范围是 0 到 5

原因是由于 LTR 和 RTL 的文本方向，它现在意味着“S”tart 和“E”nd，并且边距将根据“direction”属性自动交换两侧。 (30认同)
使用 e 和 s 而不是非常明显的 r 和 l 有什么理由吗？ (6认同)
@quemeful 是的，两者的开始是不同的，具体取决于哪个先出现。right 以“R(ight)T(o)L(eft)”开始，但以“LeftToRight”结束。因此用 S(tart) 和 E(nd) 代替旧的 L(eft) 和 R(ight) 进行区分 (4认同)

Answer 2

小智 6

实际上这个班是这样的:

{属性} {}双方 - {}大小

示例:mt-1

Answer 3

G.L*_*L.P 5

是的,您使用的是旧版本的bootstrap.演示 3.3.5这就是为什么它不起作用

如果你使用V4.0,在这里演示其工作正常

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

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	9 年，7 月前
查看次数：	12640 次
最近记录：	8 年，9 月前