当我在浏览器中打开引导程序(卡片组)时，它不会被应用

Question

我正在设计一个网站，但当我试图在codeply.com中为bootstrap(卡片组类(编写代码时工作正常。但当我在Py charm代码编辑器中编写相同的代码，并在浏览器中粘贴文件链接时，我的代码没有被应用。。

有人能告诉我为什么会发生这种事吗？？

这是我的代码

<div class="card-deck">
<div class="card">
<div class="card-header">
<h3>Chihuahua</h3>
</div>
<div class="card-body">
<h2>Free</h2>
<p>5 Matches Per Day</p>
<p>10 Messages Per Day</p>
<p>Unlimited App Usage</p>
<button type="button">Sign Up</button>
</div>
</div>
<div class="card">
<div class="card-header">
<h3>Labrador</h3>
</div>
<div class="card-body">
<h2>$49 / mo</h2>
<p>Unlimited Matches</p>
<p>Unlimited Messages</p>
<p>Unlimited App Usage</p>
<button type="button">Sign Up</button>
</div>
</div>
<div class="card">
<div class="card-header">
<h3>Mastiff</h3>
</div>
<div class="card-body">
<h2>$99 / mo</h2>
<p>Pirority Listing</p>
<p>Unlimited Matches</p>
<p>Unlimited Messages</p>
<p>Unlimited App Usage</p>
<button type="button">Sign Up</button>
</div>
</div>

Answer 1

这可能不是您想要的答案。。但我认为问题是你运行代码的引导版本。

我在运行一行特定的代码时遇到了同样的问题，该代码在Bootstrap 4.0版本上运行良好，但在Bootstrap 5.1版本上运行时似乎根本不起作用。事实证明，引导程序更改了一个特定的类属性，而不是版本4中的属性。

示例：引导程序5使用class=(data-bs-(，而不是引导程序4中以前的class=(data-(属性。

如上所述，有了这个小小的更改，您的代码行就无法工作了。。相反，所使用的类名需要与您正在使用的引导程序版本中所写的完全相同。