我尝试在网页上添加一个引导按钮,并将所有元素移到页面的左侧。
我尝试更改按钮的位置。
<a class="btn btn-primary" href="#" role="button" id = 'backbtn'>Back</a>
我试图使按钮仅出现在屏幕上,而不影响其他任何元素,但是现在它出现在屏幕上,但将所有其他内容移到屏幕的左侧。
答案 0 :(得分:0)
当您现有的类与引导程序的任何类重叠时会发生这种情况。因此,请首先检查您是否使用了已经在引导程序中声明的任何类。
第二,您可以将div用于网站的所有内容,并使用名为“容器”的类。
<div class="container">
//your contents
</div>
希望会有所帮助。
答案 1 :(得分:0)
首先,将自定义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;并且如果这样做也无济于事,只需为按钮使用另一个类名并自己设置样式即可。