我需要使父CSS文件的作用无效（而不是反作用）

Question

首先，我正在研究“ rtl”定向网页。而且，我在shop.html模板中使用了称为“面包屑”的引导程序组件。因此，我希望面包屑从右到左方向。

<div class="breadcrumb">
    <div class="container" align="right">
        <a class="breadcrumb-item" href="{% url 'bookrepo:home' %}">صفحہ اول</a>
        <span class="breadcrumb-item active"> خریداری </span>
    </div>
</div>

我已经制作了自己的shop.css文件以进行个性化的样式设计。现在，问题是尽管我已经在模板中完成了align:"right"。

但是Bootstrap的父文件会覆盖其左侧的位置。通过（[https://maxcdn.bootstrapcdn.com/bootstrap/scss/_breadcrumb.scss）：

.breadcrumb-item {
float: left;
}

所以，现在就像这样：

我想让它漂浮的地方：对。所以我在shop.css中所做的是：

.breadcrumb-item {
float: right;
}

但是它没有按计划进行。它破坏了面包屑的方向。看看它：

所以，这意味着我不希望它向两个方向漂浮。当我都取消应用时，它都可以正常工作。

看一下：

显然，我可以从shop.css中删除float:right。因此，现在引导我了解使引导程序的css效果无效的方法，即float:left。

Answer 1

您需要清除浮点数

.breadcrumb-item {
clear:both;
float: right;
}