问bootstrap中blockquote的bg淡入效应
EN

Stack Overflow用户

提问于 2020-08-25 14:40:45

回答 1查看 335关注 0票数 0

我试着在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>

有人能告诉我为什么它不工作吗

twitter-bootstrap

bootstrap-4

回答 1

Stack Overflow用户

发布于 2020-08-25 16:58:31

简短回答：

将.bg-faded替换为.bg-light，您的代码将正常工作，如this fiddle中所示。

详细答案：

.bg-faded来自过时的alpha version of Bootstrap

因为我不认为您使用的是Bootstrap的alpha版本，所以我建议您参考current v4.5 docs，其中.bg-faded被.bg-light取代

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63573300

复制

相似问题

问bootstrap中blockquote的bg淡入效应
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问bootstrap中blockquote的bg淡入效应EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问bootstrap中blockquote的bg淡入效应
EN