twitter-bootstrap - 使用 BS4 4.3.1 CDN 将转换设置为无
问题描述
我在我的页面中使用以下 BS4 版本 4.3.1 CDN:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
我将以下 html 卡片组件应用于我的页面:
<div class="container">
<div class="card">
<div class="card-header">
<a data-toggle="collapse" href="#flex-content" aria-expanded="true" aria-controls="flex-content" id="flex-content-link" class="d-block">
<i class="fa fa-chevron-down fa-lg float-right"></i>
<h5 class="card-title">Card Title</h5>
</a>
<hr>
</div>
<div id="flex-content" class="collapse show" aria-labelledby="flex-content-link" style="">
<div class="card-body">
<p>Some basic content</p>
<p>Some basic content</p>
<p>Some basic content</p>
</div>
</div>
</div>
</div>
和应用于页面的javascript:
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
然而,当我尝试切换(显示/隐藏)我的元素时,来自 CDN 的以下 css 会覆盖主要的过渡效果:
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none; } }
...在过渡源上,如下所示...
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease; }
为什么会这样?
感谢您的任何提示!
解决方案
推荐阅读
- python - 代码在 Jupyter 中运行良好,但从未在终端中完成执行
- javascript - 带有 html 移动标题的导航抽屉
- ios - 是否可以根据其 FirebaseAuthentication ID 阻止设备访问应用程序?
- javascript - React 需要处理一些 if 条件
- apache-kafka - kafka 和 schema 注册表如何共享 KafkaProperties?(提供了“basic.auth.user.info”,但不是已知配置。)
- spring - @WebMvcTest vs @ContextConfiguration when testing WebSocket controllers
- apache - htaccess – FALSE If statement still runs
- json - How to write a sentence into JSON file in Qt not necessarily in JSON format?
- python - ModuleNotFoundError: No module named 'numpy.testing.nosetester' AND PermissionError: [WinError 5] Access is denied
- c - How to emit debug information using llvm ir in Clang?