添加引导按钮会删除所有以前的CSS位置

Question

我尝试在网页上添加一个引导按钮，并将所有元素移到页面的左侧。

我尝试更改按钮的位置。

<a class="btn btn-primary" href="#" role="button" id = 'backbtn'>Back</a>

我试图使按钮仅出现在屏幕上，而不影响其他任何元素，但是现在它出现在屏幕上，但将所有其他内容移到屏幕的左侧。

Answer 1

当您现有的类与引导程序的任何类重叠时会发生这种情况。因此，请首先检查您是否使用了已经在引导程序中声明的任何类。

第二，您可以将div用于网站的所有内容，并使用名为“容器”的类。

<div class="container">
    //your contents
</div>

希望会有所帮助。

Answer 2

首先，将自定义CSS样式表放在引导程序之后。像这样：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="your_custom.css">

因此，您的CSS会覆盖以前设置的样式。还可以尝试在CSS调用结束时使用！important，例如-float：right！important;并且如果这样做也无济于事，只需为按钮使用另一个类名并自己设置样式即可。