<article>标记内的引导程序“容器”

问题描述

我一直在向自己的演示产品组合添加，和元素，以练习到目前为止所学的内容，但是这些标签似乎使引导程序中的“容器”类弄乱了。 initial version without accessibility tags

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

如您所见，我暂时已经注释掉了标签。在添加 header ， article 和 footer 标签之后，内容将交换出容器类，并且（hr）标签会覆盖总数页面的宽度。好的方面是，内容保留在同一位置，就像只有（hr）标签会受到标签的影响一样。

我的问题有办法解决吗？否则，我应该暂时忘记可访问性标签，直到我掌握更多的知识为止。

谢谢。

解决方法

最好提供完整的代码。虽然，您可以检查Bootstrap CDN链接是否在外部样式表的链接下面。这样可以确保Bootstrap属性在样式表中定义的所有属性上都具有普遍性。

html twitter-bootstrap