美文网首页
bootstrap的toggles开关的使用

bootstrap的toggles开关的使用

作者: OnyWang | 来源:发表于2018-01-17 16:51 被阅读36次

    第一次使用,总结一下使用方法。

    1. 引入css
     <link href="static/assets/plugins/toggles/toggles.css" rel="stylesheet">
    
    1. 引入js文件
    <script src="static/assets/plugins/toggles/toggles.min.js"></script>
    
    1. 编写页面
     <div class="form-group">
             <label class="col-md-2 control-label">是否联网</label>
             <div class="col-md-10 control-label">
              <div class="toggle toggle-success"></div>
             </div>
    </div>
    
    1. script里面进行初始化
     $(function () {
       // Form Toggles
       $('.toggle').toggles({on: true});
    });
    

    相关文章

      网友评论

          本文标题:bootstrap的toggles开关的使用

          本文链接:https://www.haomeiwen.com/subject/enyuoxtx.html