Css Bootstrap 3.3.1正在影响整个页面的字体

我正在尝试为一个特定的div元素添加引导以显示警报消息，但它会影响所有其他页面元素的字体，并且字体看起来更小。如何仅对页面中的一个div进行引导调用

<div class="bootstrap-test">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<div class="alert alert-warning alert-dismissible" role="alert">
  <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
<i class="glyphicon glyphicon-warning-sign"></i>This is a warning alert.
</div>
</div> 

&时代；接近
这是一个警告警报。

在这种非常特殊的情况下（与需要更多思考的更一般的“如何将样式表链接到一个元素”问题相反），如果我们查看正在使用的CSS：

引导设置正文中的字体系列、字体大小等。如果您不喜欢这些，请在您自己的css中包含以下内容：

body{
  font-family: Myspecialfont, Helvetica, sans-serif
  font-size: 16px; /* or whatever you want the font size to be in the default case */
}

如果您担心警报看起来像bootstrap希望它看起来的样子，那么您可以将该特定用途的字体大小和字体系列设置回bootstrap css中的字体大小和字体系列：

.alert-warning {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
}

---

请看。isherwood的意思是，这是一个重复的问题，您应该首先在

div

中设置所有指向

样式的链接，但它所指向的已经是答案的链接已经过时了，并且推荐了一个将无法通过W3验证程序测试的解决方案。我们如何重新开始这个问题？