It's putting CSS to change the background color but I added Bootstrap and it turned all white
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>dangerous page</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" type="text/css" media="all" />
<style type="text/css" media="all">
.material-symbols-outlined{
font-size: 100;
}
.co{
background-color: #FF0000;
color: fff;
}
</style>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
</head>
<body>
<div class="co">
<span class="material-symbols-outlined" style="color:#FFF;">
warning
</span>
<h1>dangerous site</h1>
<p>The website is dangerous, if you enter a password or sensitive information you can steal, the page has been restricted for security and privacy.</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
</body>
</html>
Prerequisites
Describe the issue
It's putting CSS to change the background color but I added Bootstrap and it turned all white
Reduced test cases
What operating system(s) are you seeing the problem on?
Android
What browser(s) are you seeing the problem on?
Chrome
What version of Bootstrap are you using?
5.3.8