Inicio Explorar Axuda
Iniciar sesión
hugh
/
bootstrap-switch
1
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Rama: master
Ramas Etiquetas
bootstrap-sw...
/
docs
/
index.html

index.html 4.7 KB
Permalink Histórico Raw

123456 
  1. <!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="x-ua-Compatible" content="ie=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Turn checkboxes and radio buttons into toggle switches"><meta name="author" content="Mattia Larentis, Emanuele Marchi and Peter Stein"><title>Bootstrap Switch · Turn checkboxes and radio buttons into toggle switches</title><link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"><link href="css/highlight.css" rel="stylesheet"><link href="https://unpkg.com/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css" rel="stylesheet"><link href="https://getbootstrap.com/assets/css/docs.min.css" rel="stylesheet"><link href="css/main.css" rel="stylesheet"></head><body><a href="https://github.com/Bttstrp/bootstrap-switch" id="github"><img src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub"></a><header role="banner" class="navbar navbar-static-top bs-docs-nav"><div class="container"><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#collapse" class="navbar-toggle"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="../" class="navbar-brand">Bootstrap Switch</a></div><nav id="collapse" role="navigation" class="collapse navbar-collapse bs-navbar-collapse"><ul class="nav navbar-nav"><li><a href="https://github.com/Bttstrp/bootstrap-switch/archive/master.zip" data-toggle="dropdown">Download</a></li><li><a href="examples.html">Examples</a></li><li class="dropdown"><a href="#" data-toggle="dropdown">Documentation <span class="caret"></span></a><ul class="dropdown-menu"><li><a href="/options.html">Options</a></li><li><a href="/methods.html">Methods</a></li><li><a href="/events.html">Events</a></li><li role="presentation" class="divider"></li><li><a href="/documentation-2.html">Documentation (v2.0.1)</a></li></ul></li><li><a href="https://github.com/Bttstrp/bootstrap-switch/issues">Bug reports</a></li></ul></nav></div></header><main id="content" role="main"><div class="bs-docs-masthead"><div class="container"><h1 class="title">Bootstrap Switch</h1><p class="lead">Turn checkboxes &nbsp;<input type="checkbox" checked="checked" data-switch-no-init="data-switch-no-init">&nbsp; and radio buttons &nbsp;<input type="radio" checked="checked" data-switch-no-init="data-switch-no-init">&nbsp; into toggle switches &nbsp;<input type="checkbox" checked="checked"></p><p class="lead"><a href="https://github.com/Bttstrp/bootstrap-switch/archive/master.zip" class="btn btn-outline-inverse btn-lg">Download Bootstrap Switch</a></p><p class="bs-docs-social"><iframe src="https://ghbtns.com/github-btn.html?user=Bttstrp&amp;repo=bootstrap-switch&amp;type=watch&amp;count=true&amp;size=large" allowtransparency="true" frameborder="0" scrolling="0" width="184" height="30"></iframe><iframe src="https://ghbtns.com/github-btn.html?user=Bttstrp&amp;repo=bootstrap-switch&amp;type=fork&amp;count=true&amp;size=large" allowtransparency="true" frameborder="0" scrolling="0" width="144" height="30"></iframe></p><br><p class="version">Currently v3.3.4 · Compatible with Bootstrap 2 and 3</p></div></div><div class="container"><h2 class="page-header">Getting Started</h2><p>Include the dependencies: jQuery, Bootstrap and Bootstrap Switch CSS + Javascript.</p><pre><code>[...]
    2. 

  2. &lt;link href="bootstrap.css" rel="stylesheet"&gt;
    3. 

  3. &lt;link href="bootstrap-switch.css" rel="stylesheet"&gt;
    4. 

  4. &lt;script src="jquery.js"&gt;&lt;/script&gt;
    5. 

  5. &lt;script src="bootstrap-switch.js"&gt;&lt;/script&gt;
    6. 

  6. [...]</code></pre><p>Add your checkbox.</p><pre><code>&lt;input type="checkbox" name="my-checkbox" checked&gt;</code></pre><p>Initialize Bootstrap Switch.</p><pre><code>$("[name='my-checkbox']").bootstrapSwitch();</code></pre><p>Enjoy.</p><div class="text-center"><a href="examples.html" class="btn btn-lg btn-primary">See Examples</a>&nbsp;<a href="options.html" class="btn btn-lg btn-outline">Browse Documentation</a></div></div></main><footer class="bs-docs-footer"><div class="container"><p>Code licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License, Version 2.0</a><br>Created by <a href="https://github.com/nostalgiaz" target="_blank">Mattia Larentis</a><br>Mantained by <a href="https://github.com/lostcrew" target="_blank">Emanuele Marchi</a></p></div></footer><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script><script src="js/highlight.js"></script><script src="https://unpkg.com/bootstrap-switch"></script><script src="js/main.js"></script></body></html>
    7.