Bootstrap 3.x.x VS Alpha 4 - 巫师破碎

Posted

技术标签:

【中文标题】Bootstrap 3.x.x VS Alpha 4 - 巫师破碎【英文标题】:Bootsrap 3.x.x VS Alpha 4 - Wizard Broken 【发布时间】:2017-06-18 02:32:36 【问题描述】:

我使用 Bootply 制作了一个引导 3.3.1 向导。我想嵌入 bootply 测试向导以运行 Bootsrap 4.0 的站点,它使向导中断,Bootsrap 4.0 中不存在向导功能吗?因为它在 3.x.x 到 4.0 Alpha 中的外观和工作方式完全不同......

我怎样才能让它看起来像在 boostrap 3.3.1 中一样......

如果你 fork bootply,你可以更改 bootsrap 版本

http://www.bootply.com/51bhZhTCtS

【问题讨论】:

Bootply 问题:如何更改现有 Ply 中的 BS 版本? (我没有登录,我的视图与您在其他浏览器中的视图相同) 嗨,它在左边,我相信你必须登录。谢谢 嗨,我复制了另一个sn-p,我怎样才能找到我需要更改的类...谢谢 【参考方案1】:

这两个版本都没有“向导”功能。由于 v4.x 仍处于“alpha”阶段,因此类名仍在更改,此工具可能会有所帮助:

http://upgrade-bootstrap.bootply.com/

此外,JS 脚本仍在工作,但需要与步骤的 html 标记一起迁移到 4.x。例如,第一个输入位于一个太小而无法使输入可点击的列中。此外,嵌套的col-* 应始终放在另一个row 中,而不是直接放在另一个col-*

http://www.codeply.com/go/Jwct9dUGk4

【讨论】:

感谢您对我的帮助。

以上是关于Bootstrap 3.x.x VS Alpha 4 - 巫师破碎的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap v4.0.0-alpha.4 发布

如何通过 bootstrap-loader 配置 webpack 2.2.0 rc3 (rc4) 和 bootstrap alpha 6

bootstrap弹框去除遮罩层效果

matlab中plot(alpha,vsm,'r-',alpha,vs0,'b-','LineWidth',4);是啥

打开 bootstrap.min.css 崩溃 VS2010

scss Bootstrap 4 alphaで新たに追加されたSCSS変数ref:http://qiita.com/NaokiMatsuda/items/3f6a55ac1fe652269016