当前位置: 首页 > 软件库 > Web应用开发 > CSS框架 >

bootstrap-wizard

向导式插件
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 CSS框架
软件类型 开源软件
地区 不详
投 递 者 蒋奇
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

一款基于bootstrap的向导式插件,示例代码:

//basic wizard
$(document).ready(function() {
    $('#rootwizard').bootstrapWizard();
});

//wizard with options and events
$(document).ready(function() {
    $('#rootwizard').bootstrapWizard({
        tabClass: 'nav nav-pills',
        onNext: function(tab, navigation, index) {
            alert('next');
        }
  });
});

//calling a method
$('#rootwizard').bootstrapWizard('show',3);
  • 引用文件 <link rel="stylesheet" href="bootstrap-wizard/bootstrap-wizard.css"> <script src="bootstrap-wizard/bootstrap-wizard.js"></script> 添加调用入口 <button id="open-wizard" class="btn btn-primary">Open wiza

  • This twitter bootstrap plugin builds a wizard out of a formatter tabbable structure. It allows to build a wizard functionality using buttons to go through the different wizard steps and using events a

  • 该插件的帮助文档和简单的demo http://vadimg.com/twitter-bootstrap-wizard-example/#

  • 项目 一个基于Bootstrap的jQuery用户向导插件,该插件允许使用按钮在步骤间切换,还可以单独对某个步骤进行特殊的事件处理。 插件依赖 jQuery 1.3.2+ Bootstrap 3.x 简单使用 HTML 1 第一步 2 第二步 3 第三步 第一步 第二步 第三步 JavaScript $(document).ready(function() { $('#rootwizard').b

  • .display-flex{ display: flex; } .border-right{ border-color: #e8ecec; } .step-tag-down { min-width: 25px; position : relative; bottom: 5px; } .step-head { width: 50px; height: 50px; border-rad

  • bootstrap-wizard的帮助文档:http://vinceg.github.io/twitter-bootstrap-wizard/ bootstrap-wizard的GitHub地址:https://github.com/gilluminate/Bootstrap-Wizard

 相关资料
  • 您可以使用cPanel备份向导逐步备份和还原cPanel网站。 为非高级用户创建了cPanel备份向导,以简化备份和还原过程。 要使用cPanel备份向导,请单击备份向导链接打开此界面,该链接可在cPanel主页的“文件”部分下找到。 进入备份向导后,您可以通过下面显示的类似界面创建备份或还原备份 - 要使用此备份向导,有3个重要步骤 - 如果您需要下载您网站的备份 Step 1 - 选择备份。

  • Unity has a simple wizard that lets you create your own ragdoll in no time. You simply have to drag the different limbs on the respective properties in the wizard. Then select create and Unity will au

  • MySQL数据库向导是一个循序渐进的过程,用于创建MySQL数据库和用户,最后添加用户来访问数据库。 要使用此界面,我们需要打开MySQL数据库向导,该向导可以在cPanel Home的数据库部分找到,如下所示。 Step 1 - 通过在文本输入中提供数据库名称来创建新数据库,一旦填充,单击Next Step 。 Step 2 - 通过提供用户名和密码来创建数据库用户。 完成后单击“ Create

  • Wizard 是基于Laravel开发框架开发的一款开源项目(API)文档管理工具。  目前支持三种类型的文档管理 Markdown:也是Wizard最主要的文档类型,研发团队日常工作中交流所采用的最常用文档类型,在 Wizard 中,对 Editor.md 项目进行了功能扩展,增加了文档模板,Json 转表格,图片粘贴上传等功能 Swagger:支持 OpenAPI 3.0 规范,嵌入了 Swa

  • 我是新手。我看了很多关于同一件事的文章,尝试了很多不同的方法,但都没有运气…我想让徽标在左边,导航链接对齐到右边。到目前为止,我已经试过: 1.将ul(.navbar-nav)放置在具有flex-container类的div中,其中flex-direction:row-reverse; 2.将mr-auto类添加到ul(.navbar-nav) 3.将ml-auto类添加到ul(.navbar-n

  • 本文向大家介绍Bootstrap 附加导航(Affix)插件实例详解,包括了Bootstrap 附加导航(Affix)插件实例详解的使用技巧和注意事项,需要的朋友参考一下 附加导航(Affix)插件允许某个 <div> 固定在页面的某个位置。您也可以在打开或关闭使用该插件之间进行切换。一个常见的例子是社交图标。它们将在某个位置开始,但当页面点击某个标记,该 <div> 会锁定在某个位置,不会随着页