引导<article>标记中的“容器”

Question

我一直在为我的演示组合添加元素，只是为了实践到目前为止我学到的东西，但是这些标签似乎把引导中的“容器”类搞砸了。初始版本，没有可访问性标记

    <!-- <header> -->
<div class="container">
    <div class="hl1"></div>
        <div class="row">
            <div class="col-12 p-3">
                <div class="card mx-auto" style="width: 18rem;">
                    <img src="./portrait2.jpg" class="card-img-top" alt="My Portrait">
                    <div class="card-body">
                    <p class="card-text">Hello there! This is me!</p>
                </div>
            </div>
        </div>
    <div class="hl1"></div>
</div>
<!-- </header>

正如你所看到的，我现在已经把标签注释掉了。在我添加标题、文章和页脚标记之后，内容从容器类中交换出来，(Hr)标记跨越页面的总宽度。好的部分是内容保持在相同的位置，就像只有(Hr)标签会受到标签的影响一样。

我的问题是有办法克服这个问题吗？或者我应该暂时忘记可访问性标签，直到我在知识上变得更先进。

谢谢。

Answer 1

如果你能提供完整的代码会更好。尽管如此，您可以检查您的引导CDN链接是否在指向外部样式表的链接下面。这可以确保Bootstrap属性在样式表中定义的任何内容上都很流行。