问题描述
任何人都可以帮我解决过渡问题引导4.这只会导致错误未被捕获的错误:崩溃正在过渡的问题,仅当不包含bootstrap CSS时才发生.在我的情况下,bootstrap CSS与我的大型CSS冲突.任何人都可以帮助摆脱这个地狱
can anyone help me please to slove transition issue bootstrap 4.this is making error Uncaught Error: Collapse is transitioning issue is only when not include bootstrap css. in my case bootstrap css conflict my large css. can anyone help to slove out this hell
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.js"></script>
<div id="accordion" role="tablist" aria-multiselectable="true">
<div class="card">
<div class="card-header" role="tab" id="headingOne">
<h5 class="mb-0">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Collapsible Group Item #1
</a>
</h5>
</div>
<div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne">
<div class="card-block">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
</div>
</div>
</div>
<div class="card">
<div class="card-header" role="tab" id="headingTwo">
<h5 class="mb-0">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Collapsible Group Item #2
</a>
</h5>
</div>
<div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="card-block">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
</div>
</div>
</div>
</div>
推荐答案
此问题已在Bootstrap 4.0.0-beta中解决. 4.2.1版本现已发布!
This issue has been solved on the Bootstrap 4.0.0-beta. The 4.2.1 version is available now!
有几种下载方法:
- 以zip文件下载最新版本.
- 克隆存储库:
git clone https://github.com/twbs/bootstrap.git
- 使用 npm 进行安装:
npm install bootstrap
- 使用纱进行安装:
yarn add bootstrap@4.2.1
- 使用作曲家进行安装:
composer require twbs/bootstrap:4.2.1
- 使用 NuGet 进行安装:CSS:
Install-Package bootstrap
Sass:Install-Package bootstrap.sass
- Download the latest release in a zip file.
- Clone the repo:
git clone https://github.com/twbs/bootstrap.git
- Install with npm:
npm install bootstrap
- Install with yarn:
yarn add bootstrap@4.2.1
- Install with Composer:
composer require twbs/bootstrap:4.2.1
- Install with NuGet: CSS:
Install-Package bootstrap
Sass:Install-Package bootstrap.sass
您可以查看测试版1"发货清单#21568 链接以获取更多信息.
You can see the Beta 1 ship list #21568 link for more information.
初始答案
Bootstrap v4.0.0-alpha.6
版本存在错误,将解决过渡问题下一个版本.
There is an error with the Bootstrap v4.0.0-alpha.6
version with the transitioning that will be solved on the next release.
请参见问题22256 ,拉21743 和 v4.0.0-beta里程碑链接以获取更多信息.
See the issue 22256, pull 21743 and v4.0.0-beta milestone links for more information.
暂时,您可以使用类似 @Nayana_Das 示例的解决方法.
For while, you can use workarounds like the @Nayana_Das example.
这篇关于bootstraps 4错误:崩溃正在过渡的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!