如何解决在引导程序中,bg淡入淡出对blockquote的影响
我正尝试在class =“ content” id =“ testtimonals”部分中使用“ bg-faded”来淡化背景,但是在页面上没有显示效果。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="stylesheet" href="css/bootstrap.min.css">
<title>Bootstrap</title>
</head>
<body>
<div class="container">
<section class="content" id="services">
<h2 class="text-danger">Our Mission</h2>
<p class="bg-danger text-white">Wisdom Pet Medicine strives to blend the best in traditional and alternative medicine in the diagnosis and treatment of companion animals including dogs,cats,birds,reptiles,rodents,and fish. We apply the wisdom garnered in the centuries old tradition of veterinary medicine,to find the safest treatments and cures.</p>
<ul>
<li><a href="#">Grooming</a></li>
<li><a href="#">General Health</a></li>
<li><a href="#">Nutrition</a></li>
<li><a href="#">Pest Control</a></li>
<li><a href="#">Vaccinations</a></li>
</ul>
</section>
<section class="content" id="testimonials">
<h2>Testimonials</h2>
<blockquote class="blockquote bg-faded text-info">
During the summer,our rabbit,Tonto,began to have severe redness and itching on his belly and feet. I'm very thankful to the veterinarians and staff at Wisdom for the excellent care Tonto received,and for nipping his allergies in the bud,so to speak.
<div class="blockquote-footer">
Jane
</div>
</blockquote>
</section>
</div><!-- content container -->
<script src="js/jquery.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
请有人告诉我为什么它不起作用
解决方法
简短答案:
将.bg-faded
替换为.bg-light
,您的代码将正常运行,如this fiddle所示。
详细答案:
.bg-faded
来自过时的alpha version of Bootstrap:
由于我不认为您使用的是Bootstrap的Alpha版本,因此请您参考current v4.5 docs,其中.bg-faded
被.bg-light
代替:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。