Mercurial > p > roundup > code

annotate 3rdparty/bootstrap/docs/javascript.html @ 5507:0db3779702d9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
access exception args in a Python 3 compatible way
author Christof Meerwald <cmeerw@cmeerw.org>
date Fri, 17 Aug 2018 19:44:12 +0100
parents c109f7c1e477
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
4854
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1 <!DOCTYPE html>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
2 <html lang="en">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
3 <head>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
4 <meta charset="utf-8">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
5 <title>Javascript ยท Bootstrap</title>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
7 <meta name="description" content="">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
8 <meta name="author" content="">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
9
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
10 <!-- Le styles -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
11 <link href="assets/css/bootstrap.css" rel="stylesheet">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
12 <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
13 <link href="assets/css/docs.css" rel="stylesheet">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
14 <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
15
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
16 <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
17 <!--[if lt IE 9]>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
18 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
19 <![endif]-->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
20
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
21 <!-- Le fav and touch icons -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
22 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
23 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
24 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
25 <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
26 <link rel="shortcut icon" href="assets/ico/favicon.png">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
27
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
28 </head>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
29
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
30 <body data-spy="scroll" data-target=".bs-docs-sidebar">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
31
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
32 <!-- Navbar
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
33 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
34 <div class="navbar navbar-inverse navbar-fixed-top">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
35 <div class="navbar-inner">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
36 <div class="container">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
37 <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
38 <span class="icon-bar"></span>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
39 <span class="icon-bar"></span>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
40 <span class="icon-bar"></span>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
41 </button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
42 <a class="brand" href="./index.html">Bootstrap</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
43 <div class="nav-collapse collapse">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
44 <ul class="nav">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
45 <li class="">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
46 <a href="./index.html">Home</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
47 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
48 <li class="">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
49 <a href="./getting-started.html">Get started</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
50 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
51 <li class="">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
52 <a href="./scaffolding.html">Scaffolding</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
53 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
54 <li class="">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
55 <a href="./base-css.html">Base CSS</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
56 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
57 <li class="">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
58 <a href="./components.html">Components</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
59 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
60 <li class="active">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
61 <a href="./javascript.html">JavaScript</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
62 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
63 <li class="">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
64 <a href="./customize.html">Customize</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
65 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
66 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
67 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
68 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
69 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
70 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
71
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
72 <!-- Subhead
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
73 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
74 <header class="jumbotron subhead">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
75 <div class="container">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
76 <h1>JavaScript</h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
77 <p class="lead">Bring Bootstrap's components to life&mdash;now with 13 custom jQuery plugins.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
78 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
79 </header>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
80
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
81 <div class="container">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
82
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
83 <!-- Docs nav
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
84 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
85 <div class="row">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
86 <div class="span3 bs-docs-sidebar">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
87 <ul class="nav nav-list bs-docs-sidenav">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
88 <li><a href="#overview"><i class="icon-chevron-right"></i> Overview</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
89 <li><a href="#transitions"><i class="icon-chevron-right"></i> Transitions</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
90 <li><a href="#modals"><i class="icon-chevron-right"></i> Modal</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
91 <li><a href="#dropdowns"><i class="icon-chevron-right"></i> Dropdown</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
92 <li><a href="#scrollspy"><i class="icon-chevron-right"></i> Scrollspy</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
93 <li><a href="#tabs"><i class="icon-chevron-right"></i> Tab</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
94 <li><a href="#tooltips"><i class="icon-chevron-right"></i> Tooltip</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
95 <li><a href="#popovers"><i class="icon-chevron-right"></i> Popover</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
96 <li><a href="#alerts"><i class="icon-chevron-right"></i> Alert</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
97 <li><a href="#buttons"><i class="icon-chevron-right"></i> Button</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
98 <li><a href="#collapse"><i class="icon-chevron-right"></i> Collapse</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
99 <li><a href="#carousel"><i class="icon-chevron-right"></i> Carousel</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
100 <li><a href="#typeahead"><i class="icon-chevron-right"></i> Typeahead</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
101 <li><a href="#affix"><i class="icon-chevron-right"></i> Affix</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
102 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
103 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
104 <div class="span9">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
105
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
106
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
107 <!-- Overview
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
108 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
109 <section id="overview">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
110 <div class="page-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
111 <h1>JavaScript in Bootstrap</h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
112 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
113
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
114 <h3>Individual or compiled</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
115 <p>Plugins can be included individually (though some have required dependencies), or all at once. Both <strong>bootstrap.js</strong> and <strong>bootstrap.min.js</strong> contain all plugins in a single file.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
116
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
117 <h3>Data attributes</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
118 <p>You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first class API and should be your first consideration when using a plugin.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
119
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
120 <p>That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the body namespaced with `'data-api'`. This looks like this:
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
121 <pre class="prettyprint linenums">$('body').off('.data-api')</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
122
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
123 <p>Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
124 <pre class="prettyprint linenums">$('body').off('.alert.data-api')</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
125
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
126 <h3>Programmatic API</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
127 <p>We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
128 <pre class="prettyprint linenums">$(".btn.danger").button("toggle").addClass("fat")</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
129 <p>All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
130 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
131 $("#myModal").modal() // initialized with defaults
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
132 $("#myModal").modal({ keyboard: false }) // initialized with no keyboard
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
133 $("#myModal").modal('show') // initializes and invokes show immediately</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
134 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
135 <p>Each plugin also exposes its raw constructor on a `Constructor` property: <code>$.fn.popover.Constructor</code>. If you'd like to get a particular plugin instance, retrieve it directly from an element: <code>$('[rel=popover]').data('popover')</code>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
136
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
137 <h3>No Conflict</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
138 <p>Sometimes it's neccessary to use bootstrap plugins with other ui frameworks. In these circumstances, occasionally namespace collisions can occur. If this happens, you may call <code>.noCoflict</code> on the plugin you wish to revert the value of.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
139
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
140 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
141 var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
142 $.fn.bootstrapBtn = bootstrapButton // give $().bootstrapBtn the bootstrap functionality
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
143 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
144
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
145 <h3>Events</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
146 <p>Bootstrap provides custom events for most plugin's unique actions. Generally, these come in an infinitive and past participle form - where the infinitive (ex. <code>show</code>) is triggered at the start of an event, and its past participle form (ex. <code>shown</code>) is trigger on the completion of an action.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
147 <p>All infinitive events provide preventDefault functionality. This provides the ability to stop the execution of an action before it starts.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
148 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
149 $('#myModal').on('show', function (e) {
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
150 if (!data) return e.preventDefault() // stops modal from being shown
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
151 })
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
152 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
153 </section>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
154
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
155
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
156
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
157 <!-- Transitions
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
158 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
159 <section id="transitions">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
160 <div class="page-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
161 <h1>Transitions <small>bootstrap-transition.js</small></h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
162 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
163 <h3>About transitions</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
164 <p>For simple transition effects, include bootstrap-transition.js once alongside the other JS files. If you're using the compiled (or minified) bootstrap.js, there is no need to include this&mdash;it's already there.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
165 <h3>Use cases</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
166 <p>A few examples of the transition plugin:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
167 <ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
168 <li>Sliding or fading in modals</li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
169 <li>Fading out tabs</li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
170 <li>Fading out alerts</li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
171 <li>Sliding carousel panes</li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
172 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
173
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
174 </section>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
175
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
176
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
177
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
178 <!-- Modal
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
179 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
180 <section id="modals">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
181 <div class="page-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
182 <h1>Modals <small>bootstrap-modal.js</small></h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
183 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
184
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
185
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
186 <h2>Examples</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
187 <p>Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
188
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
189 <h3>Static example</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
190 <p>A rendered modal with header, body, and set of actions in the footer.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
191 <div class="bs-docs-example" style="background-color: #f5f5f5;">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
192 <div class="modal" style="position: relative; top: auto; left: auto; right: auto; margin: 0 auto 20px; z-index: 1; max-width: 100%;">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
193 <div class="modal-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
194 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
195 <h3>Modal header</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
196 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
197 <div class="modal-body">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
198 <p>One fine body&hellip;</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
199 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
200 <div class="modal-footer">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
201 <a href="#" class="btn">Close</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
202 <a href="#" class="btn btn-primary">Save changes</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
203 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
204 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
205 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
206 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
207 &lt;div class="modal hide fade"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
208 &lt;div class="modal-header"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
209 &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
210 &lt;h3&gt;Modal header&lt;/h3&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
211 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
212 &lt;div class="modal-body"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
213 &lt;p&gt;One fine body&hellip;&lt;/p&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
214 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
215 &lt;div class="modal-footer"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
216 &lt;a href="#" class="btn"&gt;Close&lt;/a&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
217 &lt;a href="#" class="btn btn-primary"&gt;Save changes&lt;/a&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
218 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
219 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
220 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
221
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
222 <h3>Live demo</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
223 <p>Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
224 <!-- sample modal content -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
225 <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
226 <div class="modal-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
227 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
228 <h3 id="myModalLabel">Modal Heading</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
229 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
230 <div class="modal-body">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
231 <h4>Text in a modal</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
232 <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
233
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
234 <h4>Popover in a modal</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
235 <p>This <a href="#" role="button" class="btn popover-test" title="A Title" data-content="And here's some amazing content. It's very engaging. right?">button</a> should trigger a popover on click.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
236
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
237 <h4>Tooltips in a modal</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
238 <p><a href="#" class="tooltip-test" title="Tooltip">This link</a> and <a href="#" class="tooltip-test" title="Tooltip">that link</a> should have tooltips on hover.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
239
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
240 <hr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
241
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
242 <h4>Overflowing text to show optional scrollbar</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
243 <p>We set a fixed <code>max-height</code> on the <code>.modal-body</code>. Watch it overflow with all this extra lorem ipsum text we've included.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
244 <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
245 <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
246 <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
247 <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
248 <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
249 <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
250 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
251 <div class="modal-footer">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
252 <button class="btn" data-dismiss="modal">Close</button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
253 <button class="btn btn-primary">Save changes</button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
254 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
255 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
256 <div class="bs-docs-example" style="padding-bottom: 24px;">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
257 <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-large">Launch demo modal</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
258 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
259 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
260 &lt!-- Button to trigger modal --&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
261 &lt;a href="#myModal" role="button" class="btn" data-toggle="modal"&gt;Launch demo modal&lt;/a&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
262
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
263 &lt!-- Modal --&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
264 &lt;div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
265 &lt;div class="modal-header"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
266 &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&times;&lt;/button&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
267 &lt;h3 id="myModalLabel"&gt;Modal header&lt;/h3&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
268 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
269 &lt;div class="modal-body"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
270 &lt;p&gt;One fine body&hellip;&lt;/p&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
271 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
272 &lt;div class="modal-footer"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
273 &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;Close&lt;/button&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
274 &lt;button class="btn btn-primary"&gt;Save changes&lt;/button&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
275 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
276 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
277 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
278
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
279
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
280 <hr class="bs-docs-separator">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
281
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
282
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
283 <h2>Usage</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
284
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
285 <h3>Via data attributes</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
286 <p>Activate a modal without writing JavaScript. Set <code>data-toggle="modal"</code> on a controller element, like a button, along with a <code>data-target="#foo"</code> or <code>href="#foo"</code> to target a specific modal to toggle.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
287 <pre class="prettyprint linenums">&lt;button type="button" data-toggle="modal" data-target="#myModal"&gt;Launch modal&lt;/button&gt;</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
288
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
289 <h3>Via JavaScript</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
290 <p>Call a modal with id <code>myModal</code> with a single line of JavaScript:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
291 <pre class="prettyprint linenums">$('#myModal').modal(options)</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
292
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
293 <h3>Options</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
294 <p>Options can be passed via data attributes or JavaScript. For data attributes, append the option name to <code>data-</code>, as in <code>data-backdrop=""</code>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
295 <table class="table table-bordered table-striped">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
296 <thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
297 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
298 <th style="width: 100px;">Name</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
299 <th style="width: 50px;">type</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
300 <th style="width: 50px;">default</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
301 <th>description</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
302 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
303 </thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
304 <tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
305 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
306 <td>backdrop</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
307 <td>boolean</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
308 <td>true</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
309 <td>Includes a modal-backdrop element. Alternatively, specify <code>static</code> for a backdrop which doesn't close the modal on click.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
310 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
311 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
312 <td>keyboard</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
313 <td>boolean</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
314 <td>true</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
315 <td>Closes the modal when escape key is pressed</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
316 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
317 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
318 <td>show</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
319 <td>boolean</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
320 <td>true</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
321 <td>Shows the modal when initialized.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
322 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
323 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
324 <td>remote</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
325 <td>path</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
326 <td>false</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
327 <td><p>If a remote url is provided, content will be loaded via jQuery's <code>load</code> method and injected into the <code>.modal-body</code>. If you're using the data api, you may alternatively use the <code>href</code> tag to specify the remote source. An example of this is shown below:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
328 <pre class="prettyprint linenums"><code>&lt;a data-toggle="modal" href="remote.html" data-target="#modal"&gt;click me&lt;/a&gt;</code></pre></td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
329 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
330 </tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
331 </table>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
332
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
333 <h3>Methods</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
334 <h4>.modal(options)</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
335 <p>Activates your content as a modal. Accepts an optional options <code>object</code>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
336 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
337 $('#myModal').modal({
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
338 keyboard: false
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
339 })
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
340 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
341 <h4>.modal('toggle')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
342 <p>Manually toggles a modal.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
343 <pre class="prettyprint linenums">$('#myModal').modal('toggle')</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
344 <h4>.modal('show')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
345 <p>Manually opens a modal.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
346 <pre class="prettyprint linenums">$('#myModal').modal('show')</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
347 <h4>.modal('hide')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
348 <p>Manually hides a modal.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
349 <pre class="prettyprint linenums">$('#myModal').modal('hide')</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
350 <h3>Events</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
351 <p>Bootstrap's modal class exposes a few events for hooking into modal functionality.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
352 <table class="table table-bordered table-striped">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
353 <thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
354 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
355 <th style="width: 150px;">Event</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
356 <th>Description</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
357 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
358 </thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
359 <tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
360 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
361 <td>show</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
362 <td>This event fires immediately when the <code>show</code> instance method is called.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
363 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
364 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
365 <td>shown</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
366 <td>This event is fired when the modal has been made visible to the user (will wait for css transitions to complete).</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
367 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
368 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
369 <td>hide</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
370 <td>This event is fired immediately when the <code>hide</code> instance method has been called.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
371 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
372 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
373 <td>hidden</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
374 <td>This event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
375 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
376 </tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
377 </table>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
378 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
379 $('#myModal').on('hidden', function () {
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
380 // do somethingโ€ฆ
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
381 })
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
382 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
383 </section>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
384
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
385
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
386
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
387 <!-- Dropdowns
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
388 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
389 <section id="dropdowns">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
390 <div class="page-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
391 <h1>Dropdowns <small>bootstrap-dropdown.js</small></h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
392 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
393
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
394
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
395 <h2>Examples</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
396 <p>Add dropdown menus to nearly anything with this simple plugin, including the navbar, tabs, and pills.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
397
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
398 <h3>Within a navbar</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
399 <div class="bs-docs-example">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
400 <div id="navbar-example" class="navbar navbar-static">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
401 <div class="navbar-inner">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
402 <div class="container" style="width: auto;">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
403 <a class="brand" href="#">Project Name</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
404 <ul class="nav" role="navigation">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
405 <li class="dropdown">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
406 <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
407 <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
408 <li><a tabindex="-1" href="http://google.com">Action</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
409 <li><a tabindex="-1" href="#anotherAction">Another action</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
410 <li><a tabindex="-1" href="#">Something else here</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
411 <li class="divider"></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
412 <li><a tabindex="-1" href="#">Separated link</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
413 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
414 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
415 <li class="dropdown">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
416 <a href="#" id="drop2" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown 2 <b class="caret"></b></a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
417 <ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
418 <li><a tabindex="-1" href="#">Action</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
419 <li><a tabindex="-1" href="#">Another action</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
420 <li><a tabindex="-1" href="#">Something else here</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
421 <li class="divider"></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
422 <li><a tabindex="-1" href="#">Separated link</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
423 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
424 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
425 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
426 <ul class="nav pull-right">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
427 <li id="fat-menu" class="dropdown">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
428 <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown 3 <b class="caret"></b></a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
429 <ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
430 <li><a tabindex="-1" href="#">Action</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
431 <li><a tabindex="-1" href="#">Another action</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
432 <li><a tabindex="-1" href="#">Something else here</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
433 <li class="divider"></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
434 <li><a tabindex="-1" href="#">Separated link</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
435 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
436 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
437 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
438 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
439 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
440 </div> <!-- /navbar-example -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
441 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
442
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
443 <h3>Within tabs</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
444 <div class="bs-docs-example">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
445 <ul class="nav nav-pills">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
446 <li class="active"><a href="#">Regular link</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
447 <li class="dropdown">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
448 <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" href="#">Dropdown <b class="caret"></b></a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
449 <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
450 <li><a tabindex="-1" href="#">Action</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
451 <li><a tabindex="-1" href="#">Another action</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
452 <li><a tabindex="-1" href="#">Something else here</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
453 <li class="divider"></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
454 <li><a tabindex="-1" href="#">Separated link</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
455 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
456 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
457 <li class="dropdown">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
458 <a class="dropdown-toggle" id="drop5" role="button" data-toggle="dropdown" href="#">Dropdown 2 <b class="caret"></b></a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
459 <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
460 <li><a tabindex="-1" href="#">Action</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
461 <li><a tabindex="-1" href="#">Another action</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
462 <li><a tabindex="-1" href="#">Something else here</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
463 <li class="divider"></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
464 <li><a tabindex="-1" href="#">Separated link</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
465 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
466 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
467 <li class="dropdown">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
468 <a class="dropdown-toggle" id="drop5" role="button" data-toggle="dropdown" href="#">Dropdown 3 <b class="caret"></b></a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
469 <ul id="menu3" class="dropdown-menu" role="menu" aria-labelledby="drop5">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
470 <li><a tabindex="-1" href="#">Action</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
471 <li><a tabindex="-1" href="#">Another action</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
472 <li><a tabindex="-1" href="#">Something else here</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
473 <li class="divider"></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
474 <li><a tabindex="-1" href="#">Separated link</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
475 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
476 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
477 </ul> <!-- /tabs -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
478 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
479
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
480
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
481 <hr class="bs-docs-separator">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
482
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
483
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
484 <h2>Usage</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
485
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
486 <h3>Via data attributes</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
487 <p>Add <code>data-toggle="dropdown"</code> to a link or button to toggle a dropdown.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
488 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
489 &lt;div class="dropdown"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
490 &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Dropdown trigger&lt;/a&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
491 &lt;ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
492 ...
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
493 &lt;/ul&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
494 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
495 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
496 <p>To keep URLs intact, use the <code>data-target</code> attribute instead of <code>href="#"</code>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
497 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
498 &lt;div class="dropdown"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
499 &lt;a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
500 Dropdown
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
501 &lt;b class="caret"&gt;&lt;/b&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
502 &lt;/a&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
503 &lt;ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
504 ...
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
505 &lt;/ul&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
506 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
507 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
508
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
509 <h3>Via JavaScript</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
510 <p>Call the dropdowns via JavaScript:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
511 <pre class="prettyprint linenums">$('.dropdown-toggle').dropdown()</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
512
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
513 <h3>Options</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
514 <p><em>None</em></p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
515
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
516 <h3>Methods</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
517 <h4>$().dropdown('toggle')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
518 <p>A programmatic api for toggling menus for a given navbar or tabbed navigation.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
519 </section>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
520
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
521
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
522
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
523 <!-- ScrollSpy
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
524 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
525 <section id="scrollspy">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
526 <div class="page-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
527 <h1>ScrollSpy <small>bootstrap-scrollspy.js</small></h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
528 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
529
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
530
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
531 <h2>Example in navbar</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
532 <p>The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
533 <div class="bs-docs-example">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
534 <div id="navbarExample" class="navbar navbar-static">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
535 <div class="navbar-inner">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
536 <div class="container" style="width: auto;">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
537 <a class="brand" href="#">Project Name</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
538 <ul class="nav">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
539 <li><a href="#fat">@fat</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
540 <li><a href="#mdo">@mdo</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
541 <li class="dropdown">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
542 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
543 <ul class="dropdown-menu">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
544 <li><a href="#one">one</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
545 <li><a href="#two">two</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
546 <li class="divider"></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
547 <li><a href="#three">three</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
548 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
549 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
550 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
551 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
552 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
553 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
554 <div data-spy="scroll" data-target="#navbarExample" data-offset="0" class="scrollspy-example">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
555 <h4 id="fat">@fat</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
556 <p>Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
557 <h4 id="mdo">@mdo</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
558 <p>Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
559 <h4 id="one">one</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
560 <p>Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
561 <h4 id="two">two</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
562 <p>In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
563 <h4 id="three">three</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
564 <p>Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
565 <p>Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
566 </p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
567 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
568 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
569
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
570
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
571 <hr class="bs-docs-separator">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
572
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
573
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
574 <h2>Usage</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
575
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
576 <h3>Via data attributes</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
577 <p>To easily add scrollspy behavior to your topbar navigation, just add <code>data-spy="scroll"</code> to the element you want to spy on (most typically this would be the body) and <code>data-target=".navbar"</code> to select which nav to use. You'll want to use scrollspy with a <code>.nav</code> component.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
578 <pre class="prettyprint linenums">&lt;body data-spy="scroll" data-target=".navbar"&gt;...&lt;/body&gt;</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
579
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
580 <h3>Via JavaScript</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
581 <p>Call the scrollspy via JavaScript:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
582 <pre class="prettyprint linenums">$('#navbar').scrollspy()</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
583
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
584 <div class="alert alert-info">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
585 <strong>Heads up!</strong>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
586 Navbar links must have resolvable id targets. For example, a <code>&lt;a href="#home"&gt;home&lt;/a&gt;</code> must correspond to something in the dom like <code>&lt;div id="home"&gt;&lt;/div&gt;</code>.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
587 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
588
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
589 <h3>Methods</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
590 <h4>.scrollspy('refresh')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
591 <p>When using scrollspy in conjunction with adding or removing of elements from the DOM, you'll need to call the refresh method like so:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
592 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
593 $('[data-spy="scroll"]').each(function () {
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
594 var $spy = $(this).scrollspy('refresh')
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
595 });
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
596 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
597
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
598 <h3>Options</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
599 <p>Options can be passed via data attributes or JavaScript. For data attributes, append the option name to <code>data-</code>, as in <code>data-offset=""</code>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
600 <table class="table table-bordered table-striped">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
601 <thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
602 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
603 <th style="width: 100px;">Name</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
604 <th style="width: 100px;">type</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
605 <th style="width: 50px;">default</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
606 <th>description</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
607 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
608 </thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
609 <tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
610 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
611 <td>offset</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
612 <td>number</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
613 <td>10</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
614 <td>Pixels to offset from top when calculating position of scroll.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
615 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
616 </tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
617 </table>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
618
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
619 <h3>Events</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
620 <table class="table table-bordered table-striped">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
621 <thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
622 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
623 <th style="width: 150px;">Event</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
624 <th>Description</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
625 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
626 </thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
627 <tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
628 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
629 <td>activate</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
630 <td>This event fires whenever a new item becomes activated by the scrollspy.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
631 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
632 </tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
633 </table>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
634 </section>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
635
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
636
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
637
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
638 <!-- Tabs
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
639 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
640 <section id="tabs">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
641 <div class="page-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
642 <h1>Togglable tabs <small>bootstrap-tab.js</small></h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
643 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
644
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
645
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
646 <h2>Example tabs</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
647 <p>Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
648 <div class="bs-docs-example">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
649 <ul id="myTab" class="nav nav-tabs">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
650 <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
651 <li><a href="#profile" data-toggle="tab">Profile</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
652 <li class="dropdown">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
653 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
654 <ul class="dropdown-menu">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
655 <li><a href="#dropdown1" data-toggle="tab">@fat</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
656 <li><a href="#dropdown2" data-toggle="tab">@mdo</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
657 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
658 </li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
659 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
660 <div id="myTabContent" class="tab-content">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
661 <div class="tab-pane fade in active" id="home">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
662 <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
663 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
664 <div class="tab-pane fade" id="profile">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
665 <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
666 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
667 <div class="tab-pane fade" id="dropdown1">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
668 <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
669 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
670 <div class="tab-pane fade" id="dropdown2">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
671 <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
672 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
673 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
674 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
675
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
676
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
677 <hr class="bs-docs-separator">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
678
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
679
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
680 <h2>Usage</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
681 <p>Enable tabbable tabs via JavaScript (each tab needs to be activated individually):</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
682 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
683 $('#myTab a').click(function (e) {
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
684 e.preventDefault();
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
685 $(this).tab('show');
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
686 })</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
687 <p>You can activate individual tabs in several ways:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
688 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
689 $('#myTab a[href="#profile"]').tab('show'); // Select tab by name
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
690 $('#myTab a:first').tab('show'); // Select first tab
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
691 $('#myTab a:last').tab('show'); // Select last tab
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
692 $('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed)
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
693 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
694
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
695 <h3>Markup</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
696 <p>You can activate a tab or pill navigation without writing any JavaScript by simply specifying <code>data-toggle="tab"</code> or <code>data-toggle="pill"</code> on an element. Adding the <code>nav</code> and <code>nav-tabs</code> classes to the tab <code>ul</code> will apply the Bootstrap tab styling.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
697 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
698 &lt;ul class="nav nav-tabs"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
699 &lt;li&gt;&lt;a href="#home" data-toggle="tab"&gt;Home&lt;/a&gt;&lt;/li&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
700 &lt;li&gt;&lt;a href="#profile" data-toggle="tab"&gt;Profile&lt;/a&gt;&lt;/li&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
701 &lt;li&gt;&lt;a href="#messages" data-toggle="tab"&gt;Messages&lt;/a&gt;&lt;/li&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
702 &lt;li&gt;&lt;a href="#settings" data-toggle="tab"&gt;Settings&lt;/a&gt;&lt;/li&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
703 &lt;/ul&gt;</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
704
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
705 <h3>Methods</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
706 <h4>$().tab</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
707 <p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
708 Activates a tab element and content container. Tab should have either a <code>data-target</code> or an <code>href</code> targeting a container node in the DOM.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
709 </p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
710 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
711 &lt;ul class="nav nav-tabs" id="myTab"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
712 &lt;li class="active"&gt;&lt;a href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
713 &lt;li&gt;&lt;a href="#profile"&gt;Profile&lt;/a&gt;&lt;/li&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
714 &lt;li&gt;&lt;a href="#messages"&gt;Messages&lt;/a&gt;&lt;/li&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
715 &lt;li&gt;&lt;a href="#settings"&gt;Settings&lt;/a&gt;&lt;/li&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
716 &lt;/ul&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
717
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
718 &lt;div class="tab-content"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
719 &lt;div class="tab-pane active" id="home"&gt;...&lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
720 &lt;div class="tab-pane" id="profile"&gt;...&lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
721 &lt;div class="tab-pane" id="messages"&gt;...&lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
722 &lt;div class="tab-pane" id="settings"&gt;...&lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
723 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
724
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
725 &lt;script&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
726 $(function () {
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
727 $('#myTab a:last').tab('show');
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
728 })
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
729 &lt;/script&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
730 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
731
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
732 <h3>Events</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
733 <table class="table table-bordered table-striped">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
734 <thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
735 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
736 <th style="width: 150px;">Event</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
737 <th>Description</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
738 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
739 </thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
740 <tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
741 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
742 <td>show</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
743 <td>This event fires on tab show, but before the new tab has been shown. Use <code>event.target</code> and <code>event.relatedTarget</code> to target the active tab and the previous active tab (if available) respectively.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
744 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
745 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
746 <td>shown</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
747 <td>This event fires on tab show after a tab has been shown. Use <code>event.target</code> and <code>event.relatedTarget</code> to target the active tab and the previous active tab (if available) respectively.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
748 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
749 </tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
750 </table>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
751 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
752 $('a[data-toggle="tab"]').on('shown', function (e) {
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
753 e.target // activated tab
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
754 e.relatedTarget // previous tab
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
755 })
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
756 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
757 </section>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
758
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
759
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
760 <!-- Tooltips
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
761 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
762 <section id="tooltips">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
763 <div class="page-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
764 <h1>Tooltips <small>bootstrap-tooltip.js</small></h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
765 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
766
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
767
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
768 <h2>Examples</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
769 <p>Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
770 <p>Hover over the links below to see tooltips:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
771 <div class="bs-docs-example tooltip-demo">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
772 <p class="muted" style="margin-bottom: 0;">Tight pants next level keffiyeh <a href="#" rel="tooltip" title="Default tooltip">you probably</a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel <a href="#" rel="tooltip" title="Another tooltip">have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan <a href="#" rel="tooltip" title="Another one here too">whatever keytar</a>, scenester farm-to-table banksy Austin <a href="#" rel="tooltip" title="The last tip!">twitter handle</a> freegan cred raw denim single-origin coffee viral.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
773 </p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
774 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
775
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
776 <h3>Four directions</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
777 <div class="bs-docs-example tooltip-demo">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
778 <ul class="bs-docs-tooltip-examples">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
779 <li><a href="#" rel="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
780 <li><a href="#" rel="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
781 <li><a href="#" rel="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
782 <li><a href="#" rel="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
783 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
784 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
785
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
786
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
787 <hr class="bs-docs-separator">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
788
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
789
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
790 <h2>Usage</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
791 <p>Trigger the tooltip via JavaScript:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
792 <pre class="prettyprint linenums">$('#example').tooltip(options)</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
793
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
794 <h3>Options</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
795 <p>Options can be passed via data attributes or JavaScript. For data attributes, append the option name to <code>data-</code>, as in <code>data-animation=""</code>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
796 <table class="table table-bordered table-striped">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
797 <thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
798 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
799 <th style="width: 100px;">Name</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
800 <th style="width: 100px;">type</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
801 <th style="width: 50px;">default</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
802 <th>description</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
803 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
804 </thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
805 <tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
806 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
807 <td>animation</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
808 <td>boolean</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
809 <td>true</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
810 <td>apply a css fade transition to the tooltip</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
811 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
812 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
813 <td>html</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
814 <td>boolean</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
815 <td>false</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
816 <td>Insert html into the tooltip. If false, jquery's <code>text</code> method will be used to insert content into the dom. Use text if you're worried about XSS attacks.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
817 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
818 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
819 <td>placement</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
820 <td>string|function</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
821 <td>'top'</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
822 <td>how to position the tooltip - top | bottom | left | right</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
823 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
824 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
825 <td>selector</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
826 <td>string</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
827 <td>false</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
828 <td>If a selector is provided, tooltip objects will be delegated to the specified targets.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
829 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
830 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
831 <td>title</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
832 <td>string | function</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
833 <td>''</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
834 <td>default title value if `title` tag isn't present</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
835 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
836 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
837 <td>trigger</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
838 <td>string</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
839 <td>'hover'</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
840 <td>how tooltip is triggered - click | hover | focus | manual</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
841 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
842 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
843 <td>delay</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
844 <td>number | object</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
845 <td>0</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
846 <td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
847 <p>delay showing and hiding the tooltip (ms) - does not apply to manual trigger type</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
848 <p>If a number is supplied, delay is applied to both hide/show</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
849 <p>Object structure is: <code>delay: { show: 500, hide: 100 }</code></p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
850 </td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
851 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
852 </tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
853 </table>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
854 <div class="alert alert-info">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
855 <strong>Heads up!</strong>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
856 Options for individual tooltips can alternatively be specified through the use of data attributes.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
857 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
858
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
859 <h3>Markup</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
860 <p>For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
861 <pre class="prettyprint linenums">&lt;a href="#" rel="tooltip" title="first tooltip"&gt;hover over me&lt;/a&gt;</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
862
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
863 <h3>Methods</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
864 <h4>$().tooltip(options)</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
865 <p>Attaches a tooltip handler to an element collection.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
866 <h4>.tooltip('show')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
867 <p>Reveals an element's tooltip.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
868 <pre class="prettyprint linenums">$('#element').tooltip('show')</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
869 <h4>.tooltip('hide')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
870 <p>Hides an element's tooltip.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
871 <pre class="prettyprint linenums">$('#element').tooltip('hide')</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
872 <h4>.tooltip('toggle')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
873 <p>Toggles an element's tooltip.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
874 <pre class="prettyprint linenums">$('#element').tooltip('toggle')</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
875 <h4>.tooltip('destroy')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
876 <p>Hides and destroys an element's tooltip.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
877 <pre class="prettyprint linenums">$('#element').tooltip('destroy')</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
878 </section>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
879
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
880
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
881
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
882 <!-- Popovers
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
883 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
884 <section id="popovers">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
885 <div class="page-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
886 <h1>Popovers <small>bootstrap-popover.js</small></h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
887 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
888
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
889 <h2>Examples</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
890 <p>Add small overlays of content, like those on the iPad, to any element for housing secondary information. Hover over the button to trigger the popover. <strong>Requires <a href="#tooltips">Tooltip</a> to be included.</strong></p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
891
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
892 <h3>Static popover</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
893 <p>Four options are available: top, right, bottom, and left aligned.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
894 <div class="bs-docs-example bs-docs-example-popover">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
895 <div class="popover top">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
896 <div class="arrow"></div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
897 <h3 class="popover-title">Popover top</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
898 <div class="popover-content">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
899 <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
900 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
901 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
902
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
903 <div class="popover right">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
904 <div class="arrow"></div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
905 <h3 class="popover-title">Popover right</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
906 <div class="popover-content">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
907 <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
908 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
909 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
910
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
911 <div class="popover bottom">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
912 <div class="arrow"></div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
913 <h3 class="popover-title">Popover bottom</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
914 <div class="popover-content">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
915 <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
916 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
917 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
918
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
919 <div class="popover left">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
920 <div class="arrow"></div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
921 <h3 class="popover-title">Popover left</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
922 <div class="popover-content">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
923 <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
924 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
925 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
926
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
927 <div class="clearfix"></div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
928 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
929 <p>No markup shown as popovers are generated from JavaScript and content within a <code>data</code> attribute.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
930
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
931 <h3>Live demo</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
932 <div class="bs-docs-example" style="padding-bottom: 24px;">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
933 <a href="#" class="btn btn-large btn-danger" rel="popover" title="A Title" data-content="And here's some amazing content. It's very engaging. right?">Click to toggle popover</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
934 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
935
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
936 <h4>Four directions</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
937 <div class="bs-docs-example tooltip-demo">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
938 <ul class="bs-docs-tooltip-examples">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
939 <li><a href="#" class="btn" rel="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="Popover on top">Popover on top</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
940 <li><a href="#" class="btn" rel="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="Popover on right">Popover on right</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
941 <li><a href="#" class="btn" rel="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="Popover on bottom">Popover on bottom</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
942 <li><a href="#" class="btn" rel="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="Popover on left">Popover on left</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
943 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
944 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
945
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
946
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
947 <hr class="bs-docs-separator">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
948
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
949
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
950 <h2>Usage</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
951 <p>Enable popovers via JavaScript:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
952 <pre class="prettyprint linenums">$('#example').popover(options)</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
953
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
954 <h3>Options</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
955 <p>Options can be passed via data attributes or JavaScript. For data attributes, append the option name to <code>data-</code>, as in <code>data-animation=""</code>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
956 <table class="table table-bordered table-striped">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
957 <thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
958 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
959 <th style="width: 100px;">Name</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
960 <th style="width: 100px;">type</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
961 <th style="width: 50px;">default</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
962 <th>description</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
963 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
964 </thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
965 <tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
966 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
967 <td>animation</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
968 <td>boolean</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
969 <td>true</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
970 <td>apply a css fade transition to the tooltip</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
971 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
972 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
973 <td>html</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
974 <td>boolean</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
975 <td>false</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
976 <td>Insert html into the popover. If false, jquery's <code>text</code> method will be used to insert content into the dom. Use text if you're worried about XSS attacks.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
977 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
978 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
979 <td>placement</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
980 <td>string|function</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
981 <td>'right'</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
982 <td>how to position the popover - top | bottom | left | right</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
983 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
984 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
985 <td>selector</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
986 <td>string</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
987 <td>false</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
988 <td>if a selector is provided, tooltip objects will be delegated to the specified targets</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
989 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
990 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
991 <td>trigger</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
992 <td>string</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
993 <td>'click'</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
994 <td>how popover is triggered - click | hover | focus | manual</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
995 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
996 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
997 <td>title</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
998 <td>string | function</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
999 <td>''</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1000 <td>default title value if `title` attribute isn't present</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1001 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1002 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1003 <td>content</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1004 <td>string | function</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1005 <td>''</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1006 <td>default content value if `data-content` attribute isn't present</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1007 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1008 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1009 <td>delay</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1010 <td>number | object</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1011 <td>0</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1012 <td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1013 <p>delay showing and hiding the popover (ms) - does not apply to manual trigger type</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1014 <p>If a number is supplied, delay is applied to both hide/show</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1015 <p>Object structure is: <code>delay: { show: 500, hide: 100 }</code></p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1016 </td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1017 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1018 </tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1019 </table>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1020 <div class="alert alert-info">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1021 <strong>Heads up!</strong>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1022 Options for individual popovers can alternatively be specified through the use of data attributes.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1023 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1024
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1025 <h3>Markup</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1026 <p>For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1027
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1028 <h3>Methods</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1029 <h4>$().popover(options)</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1030 <p>Initializes popovers for an element collection.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1031 <h4>.popover('show')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1032 <p>Reveals an elements popover.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1033 <pre class="prettyprint linenums">$('#element').popover('show')</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1034 <h4>.popover('hide')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1035 <p>Hides an elements popover.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1036 <pre class="prettyprint linenums">$('#element').popover('hide')</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1037 <h4>.popover('toggle')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1038 <p>Toggles an elements popover.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1039 <pre class="prettyprint linenums">$('#element').popover('toggle')</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1040 <h4>.popover('destroy')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1041 <p>Hides and destroys an element's popover.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1042 <pre class="prettyprint linenums">$('#element').popover('destroy')</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1043 </section>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1044
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1045
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1046
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1047 <!-- Alert
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1048 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1049 <section id="alerts">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1050 <div class="page-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1051 <h1>Alert messages <small>bootstrap-alert.js</small></h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1052 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1053
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1054
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1055 <h2>Example alerts</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1056 <p>Add dismiss functionality to all alert messages with this plugin.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1057 <div class="bs-docs-example">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1058 <div class="alert fade in">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1059 <button type="button" class="close" data-dismiss="alert">&times;</button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1060 <strong>Holy guacamole!</strong> Best check yo self, you're not looking too good.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1061 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1062 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1063
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1064 <div class="bs-docs-example">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1065 <div class="alert alert-block alert-error fade in">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1066 <button type="button" class="close" data-dismiss="alert">&times;</button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1067 <h4 class="alert-heading">Oh snap! You got an error!</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1068 <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1069 <p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1070 <a class="btn btn-danger" href="#">Take this action</a> <a class="btn" href="#">Or do this</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1071 </p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1072 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1073 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1074
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1075
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1076 <hr class="bs-docs-separator">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1077
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1078
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1079 <h2>Usage</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1080 <p>Enable dismissal of an alert via JavaScript:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1081 <pre class="prettyprint linenums">$(".alert").alert()</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1082
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1083 <h3>Markup</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1084 <p>Just add <code>data-dismiss="alert"</code> to your close button to automatically give an alert close functionality.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1085 <pre class="prettyprint linenums">&lt;a class="close" data-dismiss="alert" href="#"&gt;&amp;times;&lt;/a&gt;</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1086
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1087 <h3>Methods</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1088 <h4>$().alert()</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1089 <p>Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the <code>.fade</code> and <code>.in</code> class already applied to them.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1090 <h4>.alert('close')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1091 <p>Closes an alert.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1092 <pre class="prettyprint linenums">$(".alert").alert('close')</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1093
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1094
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1095 <h3>Events</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1096 <p>Bootstrap's alert class exposes a few events for hooking into alert functionality.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1097 <table class="table table-bordered table-striped">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1098 <thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1099 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1100 <th style="width: 150px;">Event</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1101 <th>Description</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1102 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1103 </thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1104 <tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1105 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1106 <td>close</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1107 <td>This event fires immediately when the <code>close</code> instance method is called.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1108 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1109 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1110 <td>closed</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1111 <td>This event is fired when the alert has been closed (will wait for css transitions to complete).</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1112 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1113 </tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1114 </table>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1115 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1116 $('#my-alert').bind('closed', function () {
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1117 // do somethingโ€ฆ
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1118 })
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1119 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1120 </section>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1121
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1122
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1123
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1124 <!-- Buttons
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1125 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1126 <section id="buttons">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1127 <div class="page-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1128 <h1>Buttons <small>bootstrap-button.js</small></h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1129 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1130
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1131 <h2>Example uses</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1132 <p>Do more with buttons. Control button states or create groups of buttons for more components like toolbars.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1133
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1134 <h4>Stateful</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1135 <p>Add <code>data-loading-text="Loading..."</code> to use a loading state on a button.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1136 <div class="bs-docs-example" style="padding-bottom: 24px;">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1137 <button type="button" id="fat-btn" data-loading-text="loading..." class="btn btn-primary">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1138 Loading state
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1139 </button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1140 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1141 <pre class="prettyprint linenums">&lt;button type="button" class="btn btn-primary" data-loading-text="Loading..."&gt;Loading state&lt;/button&gt;</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1142
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1143 <h4>Single toggle</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1144 <p>Add <code>data-toggle="button"</code> to activate toggling on a single button.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1145 <div class="bs-docs-example" style="padding-bottom: 24px;">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1146 <button type="button" class="btn btn-primary" data-toggle="button">Single Toggle</button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1147 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1148 <pre class="prettyprint linenums">&lt;button type="button" class="btn btn-primary" data-toggle="button"&gt;Single Toggle&lt;/button&gt;</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1149
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1150 <h4>Checkbox</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1151 <p>Add <code>data-toggle="buttons-checkbox"</code> for checkbox style toggling on btn-group.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1152 <div class="bs-docs-example" style="padding-bottom: 24px;">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1153 <div class="btn-group" data-toggle="buttons-checkbox">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1154 <button type="button" class="btn btn-primary">Left</button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1155 <button type="button" class="btn btn-primary">Middle</button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1156 <button type="button" class="btn btn-primary">Right</button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1157 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1158 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1159 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1160 &lt;div class="btn-group" data-toggle="buttons-checkbox"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1161 &lt;button type="button" class="btn btn-primary"&gt;Left&lt;/button&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1162 &lt;button type="button" class="btn btn-primary"&gt;Middle&lt;/button&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1163 &lt;button type="button" class="btn btn-primary"&gt;Right&lt;/button&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1164 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1165 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1166
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1167 <h4>Radio</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1168 <p>Add <code>data-toggle="buttons-radio"</code> for radio style toggling on btn-group.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1169 <div class="bs-docs-example" style="padding-bottom: 24px;">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1170 <div class="btn-group" data-toggle="buttons-radio">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1171 <button type="button" class="btn btn-primary">Left</button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1172 <button type="button" class="btn btn-primary">Middle</button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1173 <button type="button" class="btn btn-primary">Right</button>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1174 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1175 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1176 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1177 &lt;div class="btn-group" data-toggle="buttons-radio"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1178 &lt;button type="button" class="btn btn-primary"&gt;Left&lt;/button&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1179 &lt;button type="button" class="btn btn-primary"&gt;Middle&lt;/button&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1180 &lt;button type="button" class="btn btn-primary"&gt;Right&lt;/button&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1181 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1182 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1183
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1184
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1185 <hr class="bs-docs-separator">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1186
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1187
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1188 <h2>Usage</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1189 <p>Enable buttons via JavaScript:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1190 <pre class="prettyprint linenums">$('.nav-tabs').button()</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1191
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1192 <h3>Markup</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1193 <p>Data attributes are integral to the button plugin. Check out the example code below for the various markup types.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1194
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1195 <h3>Options</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1196 <p><em>None</em></p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1197
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1198 <h3>Methods</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1199 <h4>$().button('toggle')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1200 <p>Toggles push state. Gives the button the appearance that it has been activated.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1201 <div class="alert alert-info">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1202 <strong>Heads up!</strong>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1203 You can enable auto toggling of a button by using the <code>data-toggle</code> attribute.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1204 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1205 <pre class="prettyprint linenums">&lt;button type="button" class="btn" data-toggle="button" &gt;โ€ฆ&lt;/button&gt;</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1206 <h4>$().button('loading')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1207 <p>Sets button state to loading - disables button and swaps text to loading text. Loading text should be defined on the button element using the data attribute <code>data-loading-text</code>.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1208 </p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1209 <pre class="prettyprint linenums">&lt;button type="button" class="btn" data-loading-text="loading stuff..." &gt;...&lt;/button&gt;</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1210 <div class="alert alert-info">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1211 <strong>Heads up!</strong>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1212 <a href="https://github.com/twitter/bootstrap/issues/793">Firefox persists the disabled state across page loads</a>. A workaround for this is to use <code>autocomplete="off"</code>.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1213 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1214 <h4>$().button('reset')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1215 <p>Resets button state - swaps text to original text.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1216 <h4>$().button(string)</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1217 <p>Resets button state - swaps text to any data defined text state.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1218 <pre class="prettyprint linenums">&lt;button type="button" class="btn" data-complete-text="finished!" &gt;...&lt;/button&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1219 &lt;script&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1220 $('.btn').button('complete')
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1221 &lt;/script&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1222 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1223 </section>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1224
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1225
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1226
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1227 <!-- Collapse
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1228 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1229 <section id="collapse">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1230 <div class="page-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1231 <h1>Collapse <small>bootstrap-collapse.js</small></h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1232 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1233
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1234 <h3>About</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1235 <p>Get base styles and flexible support for collapsible components like accordions and navigation.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1236 <p class="muted"><strong>*</strong> Requires the Transitions plugin to be included.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1237
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1238 <h2>Example accordion</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1239 <p>Using the collapse plugin, we built a simple accordion style widget:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1240
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1241 <div class="bs-docs-example">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1242 <div class="accordion" id="accordion2">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1243 <div class="accordion-group">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1244 <div class="accordion-heading">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1245 <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1246 Collapsible Group Item #1
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1247 </a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1248 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1249 <div id="collapseOne" class="accordion-body collapse in">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1250 <div class="accordion-inner">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1251 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1252 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1253 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1254 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1255 <div class="accordion-group">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1256 <div class="accordion-heading">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1257 <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1258 Collapsible Group Item #2
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1259 </a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1260 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1261 <div id="collapseTwo" class="accordion-body collapse">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1262 <div class="accordion-inner">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1263 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1264 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1265 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1266 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1267 <div class="accordion-group">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1268 <div class="accordion-heading">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1269 <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1270 Collapsible Group Item #3
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1271 </a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1272 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1273 <div id="collapseThree" class="accordion-body collapse">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1274 <div class="accordion-inner">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1275 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1276 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1277 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1278 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1279 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1280 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1281 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1282 &lt;div class="accordion" id="accordion2"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1283 &lt;div class="accordion-group"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1284 &lt;div class="accordion-heading"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1285 &lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1286 Collapsible Group Item #1
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1287 &lt;/a&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1288 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1289 &lt;div id="collapseOne" class="accordion-body collapse in"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1290 &lt;div class="accordion-inner"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1291 Anim pariatur cliche...
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1292 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1293 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1294 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1295 &lt;div class="accordion-group"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1296 &lt;div class="accordion-heading"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1297 &lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1298 Collapsible Group Item #2
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1299 &lt;/a&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1300 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1301 &lt;div id="collapseTwo" class="accordion-body collapse"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1302 &lt;div class="accordion-inner"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1303 Anim pariatur cliche...
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1304 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1305 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1306 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1307 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1308 ...
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1309 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1310 <p>You can also use the plugin without the accordion markup. Make a button toggle the expanding and collapsing of another element.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1311 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1312 &lt;button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1313 simple collapsible
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1314 &lt;/button&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1315
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1316 &lt;div id="demo" class="collapse in"&gt; โ€ฆ &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1317 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1318
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1319
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1320 <hr class="bs-docs-separator">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1321
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1322
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1323 <h2>Usage</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1324
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1325 <h3>Via data attributes</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1326 <p>Just add <code>data-toggle="collapse"</code> and a <code>data-target</code> to element to automatically assign control of a collapsible element. The <code>data-target</code> attribute accepts a css selector to apply the collapse to. Be sure to add the class <code>collapse</code> to the collapsible element. If you'd like it to default open, add the additional class <code>in</code>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1327 <p>To add accordion-like group management to a collapsible control, add the data attribute <code>data-parent="#selector"</code>. Refer to the demo to see this in action.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1328
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1329 <h3>Via JavaScript</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1330 <p>Enable manually with:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1331 <pre class="prettyprint linenums">$(".collapse").collapse()</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1332
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1333 <h3>Options</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1334 <p>Options can be passed via data attributes or JavaScript. For data attributes, append the option name to <code>data-</code>, as in <code>data-parent=""</code>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1335 <table class="table table-bordered table-striped">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1336 <thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1337 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1338 <th style="width: 100px;">Name</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1339 <th style="width: 50px;">type</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1340 <th style="width: 50px;">default</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1341 <th>description</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1342 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1343 </thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1344 <tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1345 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1346 <td>parent</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1347 <td>selector</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1348 <td>false</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1349 <td>If selector then all collapsible elements under the specified parent will be closed when this collapsible item is shown. (similar to traditional accordion behavior)</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1350 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1351 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1352 <td>toggle</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1353 <td>boolean</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1354 <td>true</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1355 <td>Toggles the collapsible element on invocation</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1356 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1357 </tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1358 </table>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1359
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1360
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1361 <h3>Methods</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1362 <h4>.collapse(options)</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1363 <p>Activates your content as a collapsible element. Accepts an optional options <code>object</code>.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1364 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1365 $('#myCollapsible').collapse({
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1366 toggle: false
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1367 })
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1368 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1369 <h4>.collapse('toggle')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1370 <p>Toggles a collapsible element to shown or hidden.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1371 <h4>.collapse('show')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1372 <p>Shows a collapsible element.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1373 <h4>.collapse('hide')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1374 <p>Hides a collapsible element.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1375
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1376 <h3>Events</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1377 <p>Bootstrap's collapse class exposes a few events for hooking into collapse functionality.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1378 <table class="table table-bordered table-striped">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1379 <thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1380 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1381 <th style="width: 150px;">Event</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1382 <th>Description</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1383 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1384 </thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1385 <tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1386 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1387 <td>show</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1388 <td>This event fires immediately when the <code>show</code> instance method is called.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1389 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1390 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1391 <td>shown</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1392 <td>This event is fired when a collapse element has been made visible to the user (will wait for css transitions to complete).</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1393 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1394 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1395 <td>hide</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1396 <td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1397 This event is fired immediately when the <code>hide</code> method has been called.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1398 </td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1399 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1400 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1401 <td>hidden</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1402 <td>This event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete).</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1403 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1404 </tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1405 </table>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1406 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1407 $('#myCollapsible').on('hidden', function () {
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1408 // do somethingโ€ฆ
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1409 })</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1410 </section>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1411
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1412
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1413
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1414 <!-- Carousel
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1415 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1416 <section id="carousel">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1417 <div class="page-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1418 <h1>Carousel <small>bootstrap-carousel.js</small></h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1419 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1420
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1421 <h2>Example carousel</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1422 <p>The slideshow below shows a generic plugin and component for cycling through elements like a carousel.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1423 <div class="bs-docs-example">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1424 <div id="myCarousel" class="carousel slide">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1425 <div class="carousel-inner">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1426 <div class="item active">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1427 <img src="assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1428 <div class="carousel-caption">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1429 <h4>First Thumbnail label</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1430 <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1431 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1432 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1433 <div class="item">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1434 <img src="assets/img/bootstrap-mdo-sfmoma-02.jpg" alt="">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1435 <div class="carousel-caption">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1436 <h4>Second Thumbnail label</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1437 <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1438 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1439 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1440 <div class="item">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1441 <img src="assets/img/bootstrap-mdo-sfmoma-03.jpg" alt="">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1442 <div class="carousel-caption">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1443 <h4>Third Thumbnail label</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1444 <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1445 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1446 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1447 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1448 <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1449 <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1450 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1451 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1452 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1453 &lt;div id="myCarousel" class="carousel slide"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1454 &lt;!-- Carousel items --&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1455 &lt;div class="carousel-inner"&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1456 &lt;div class="active item"&gt;โ€ฆ&lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1457 &lt;div class="item"&gt;โ€ฆ&lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1458 &lt;div class="item"&gt;โ€ฆ&lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1459 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1460 &lt;!-- Carousel nav --&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1461 &lt;a class="carousel-control left" href="#myCarousel" data-slide="prev"&gt;&amp;lsaquo;&lt;/a&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1462 &lt;a class="carousel-control right" href="#myCarousel" data-slide="next"&gt;&amp;rsaquo;&lt;/a&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1463 &lt;/div&gt;
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1464 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1465
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1466 <div class="alert alert-warning">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1467 <strong>Heads up!</strong>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1468 When implementing this carousel, remove the images we have provided and replace them with your own.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1469 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1470
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1471
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1472 <hr class="bs-docs-separator">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1473
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1474
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1475 <h2>Usage</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1476
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1477 <h3>Via data attributes</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1478 <p>...</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1479
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1480 <h3>Via JavaScript</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1481 <p>Call carousel manually with:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1482 <pre class="prettyprint linenums">$('.carousel').carousel()</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1483
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1484 <h3>Options</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1485 <p>Options can be passed via data attributes or JavaScript. For data attributes, append the option name to <code>data-</code>, as in <code>data-interval=""</code>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1486 <table class="table table-bordered table-striped">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1487 <thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1488 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1489 <th style="width: 100px;">Name</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1490 <th style="width: 50px;">type</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1491 <th style="width: 50px;">default</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1492 <th>description</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1493 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1494 </thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1495 <tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1496 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1497 <td>interval</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1498 <td>number</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1499 <td>5000</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1500 <td>The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1501 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1502 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1503 <td>pause</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1504 <td>string</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1505 <td>"hover"</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1506 <td>Pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1507 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1508 </tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1509 </table>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1510
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1511 <h3>Methods</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1512 <h4>.carousel(options)</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1513 <p>Initializes the carousel with an optional options <code>object</code> and starts cycling through items.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1514 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1515 $('.carousel').carousel({
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1516 interval: 2000
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1517 })
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1518 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1519 <h4>.carousel('cycle')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1520 <p>Cycles through the carousel items from left to right.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1521 <h4>.carousel('pause')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1522 <p>Stops the carousel from cycling through items.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1523 <h4>.carousel(number)</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1524 <p>Cycles the carousel to a particular frame (0 based, similar to an array).</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1525 <h4>.carousel('prev')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1526 <p>Cycles to the previous item.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1527 <h4>.carousel('next')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1528 <p>Cycles to the next item.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1529
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1530 <h3>Events</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1531 <p>Bootstrap's carousel class exposes two events for hooking into carousel functionality.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1532 <table class="table table-bordered table-striped">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1533 <thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1534 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1535 <th style="width: 150px;">Event</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1536 <th>Description</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1537 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1538 </thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1539 <tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1540 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1541 <td>slide</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1542 <td>This event fires immediately when the <code>slide</code> instance method is invoked.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1543 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1544 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1545 <td>slid</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1546 <td>This event is fired when the carousel has completed its slide transition.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1547 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1548 </tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1549 </table>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1550 </section>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1551
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1552
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1553
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1554 <!-- Typeahead
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1555 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1556 <section id="typeahead">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1557 <div class="page-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1558 <h1>Typeahead <small>bootstrap-typeahead.js</small></h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1559 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1560
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1561
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1562 <h2>Example</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1563 <p>A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1564 <div class="bs-docs-example" style="background-color: #f5f5f5;">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1565 <input type="text" class="span3" style="margin: 0 auto;" data-provide="typeahead" data-items="4" data-source='["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]'>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1566 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1567 <pre class="prettyprint linenums">&lt;input type="text" data-provide="typeahead"&gt;</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1568
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1569
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1570 <hr class="bs-docs-separator">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1571
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1572
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1573 <h2>Usage</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1574
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1575 <h3>Via data attributes</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1576 <p>Add data attributes to register an element with typeahead functionality as shown in the example above.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1577
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1578 <h3>Via JavaScript</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1579 <p>Call the typeahead manually with:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1580 <pre class="prettyprint linenums">$('.typeahead').typeahead()</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1581
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1582 <h3>Options</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1583 <p>Options can be passed via data attributes or JavaScript. For data attributes, append the option name to <code>data-</code>, as in <code>data-source=""</code>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1584 <table class="table table-bordered table-striped">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1585 <thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1586 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1587 <th style="width: 100px;">Name</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1588 <th style="width: 50px;">type</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1589 <th style="width: 100px;">default</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1590 <th>description</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1591 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1592 </thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1593 <tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1594 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1595 <td>source</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1596 <td>array, function</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1597 <td>[ ]</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1598 <td>The data source to query against. May be an array of strings or a function. The function is passed two arguments, the <code>query</code> value in the input field and the <code>process</code> callback. The function may be used synchronously by returning the data source directly or asynchronously via the <code>process</code> callback's single argument.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1599 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1600 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1601 <td>items</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1602 <td>number</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1603 <td>8</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1604 <td>The max number of items to display in the dropdown.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1605 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1606 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1607 <td>minLength</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1608 <td>number</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1609 <td>1</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1610 <td>The minimum character length needed before triggering autocomplete suggestions</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1611 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1612 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1613 <td>matcher</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1614 <td>function</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1615 <td>case insensitive</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1616 <td>The method used to determine if a query matches an item. Accepts a single argument, the <code>item</code> against which to test the query. Access the current query with <code>this.query</code>. Return a boolean <code>true</code> if query is a match.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1617 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1618 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1619 <td>sorter</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1620 <td>function</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1621 <td>exact match,<br> case sensitive,<br> case insensitive</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1622 <td>Method used to sort autocomplete results. Accepts a single argument <code>items</code> and has the scope of the typeahead instance. Reference the current query with <code>this.query</code>.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1623 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1624 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1625 <td>updater</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1626 <td>function</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1627 <td>returns selected item</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1628 <td>The method used to return selected item. Accepts a single argument, the <code>item</code> and has the scope of the typeahead instance.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1629 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1630 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1631 <td>highlighter</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1632 <td>function</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1633 <td>highlights all default matches</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1634 <td>Method used to highlight autocomplete results. Accepts a single argument <code>item</code> and has the scope of the typeahead instance. Should return html.</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1635 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1636 </tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1637 </table>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1638
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1639 <h3>Methods</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1640 <h4>.typeahead(options)</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1641 <p>Initializes an input with a typeahead.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1642 </section>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1643
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1644
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1645
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1646 <!-- Affix
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1647 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1648 <section id="affix">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1649 <div class="page-header">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1650 <h1>Affix <small>bootstrap-affix.js</small></h1>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1651 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1652
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1653 <h2>Example</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1654 <p>The subnavigation on the left is a live demo of the affix plugin.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1655
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1656 <hr class="bs-docs-separator">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1657
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1658 <h2>Usage</h2>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1659
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1660 <h3>Via data attributes</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1661 <p>To easily add affix behavior to any element, just add <code>data-spy="affix"</code> to the element you want to spy on. Then use offsets to define when to toggle the pinning of an element on and off.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1662
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1663 <pre class="prettyprint linenums">&lt;div data-spy="affix" data-offset-top="200"&gt;...&lt;/div&gt;</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1664
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1665 <div class="alert alert-info">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1666 <strong>Heads up!</strong>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1667 You must manage the position of a pinned element and the behavior of its immediate parent. Position is controlled by <code>affix</code>, <code>affix-top</code>, and <code>affix-bottom</code>. Remember to check for a potentially collapsed parent when the affix kicks in as it's removing content from the normal flow of the page.
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1668 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1669
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1670 <h3>Via JavaScript</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1671 <p>Call the affix plugin via JavaScript:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1672 <pre class="prettyprint linenums">$('#navbar').affix()</pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1673
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1674 <h3>Methods</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1675 <h4>.affix('refresh')</h4>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1676 <p>When using affix in conjunction with adding or removing of elements from the DOM, you'll want to call the refresh method:</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1677 <pre class="prettyprint linenums">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1678 $('[data-spy="affix"]').each(function () {
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1679 $(this).affix('refresh')
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1680 });
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1681 </pre>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1682 <h3>Options</h3>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1683 <p>Options can be passed via data attributes or JavaScript. For data attributes, append the option name to <code>data-</code>, as in <code>data-offset-top="200"</code>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1684 <table class="table table-bordered table-striped">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1685 <thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1686 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1687 <th style="width: 100px;">Name</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1688 <th style="width: 100px;">type</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1689 <th style="width: 50px;">default</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1690 <th>description</th>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1691 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1692 </thead>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1693 <tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1694 <tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1695 <td>offset</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1696 <td>number | function | object</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1697 <td>10</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1698 <td>Pixels to offset from screen when calculating position of scroll. If a single number is provided, the offset will be applied in both top and left directions. To listen for a single direction, or multiple unique offsets, just provide an object <code>offset: { x: 10 }</code>. Use a function when you need to dynamically provide an offset (useful for some responsive designs).</td>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1699 </tr>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1700 </tbody>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1701 </table>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1702 </section>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1703
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1704
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1705
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1706 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1707 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1708
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1709 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1710
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1711
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1712
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1713 <!-- Footer
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1714 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1715 <footer class="footer">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1716 <div class="container">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1717 <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1718 <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1719 <p><a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1720 <ul class="footer-links">
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1721 <li><a href="http://blog.getbootstrap.com">Blog</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1722 <li class="muted">&middot;</li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1723 <li><a href="https://github.com/twitter/bootstrap/issues?state=open">Issues</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1724 <li class="muted">&middot;</li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1725 <li><a href="https://github.com/twitter/bootstrap/wiki">Roadmap and changelog</a></li>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1726 </ul>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1727 </div>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1728 </footer>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1729
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1730
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1731
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1732 <!-- Le javascript
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1733 ================================================== -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1734 <!-- Placed at the end of the document so the pages load faster -->
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1735 <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1736 <script src="assets/js/jquery.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1737 <script src="assets/js/bootstrap-transition.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1738 <script src="assets/js/bootstrap-alert.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1739 <script src="assets/js/bootstrap-modal.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1740 <script src="assets/js/bootstrap-dropdown.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1741 <script src="assets/js/bootstrap-scrollspy.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1742 <script src="assets/js/bootstrap-tab.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1743 <script src="assets/js/bootstrap-tooltip.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1744 <script src="assets/js/bootstrap-popover.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1745 <script src="assets/js/bootstrap-button.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1746 <script src="assets/js/bootstrap-collapse.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1747 <script src="assets/js/bootstrap-carousel.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1748 <script src="assets/js/bootstrap-typeahead.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1749 <script src="assets/js/bootstrap-affix.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1750
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1751 <script src="assets/js/holder/holder.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1752 <script src="assets/js/google-code-prettify/prettify.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1753
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1754 <script src="assets/js/application.js"></script>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1755
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1756
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1757
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1758 </body>
c109f7c1e477 Add local copy of Bootstrap v2.2.2 (for packaging on Debian)
Pradip Caulagi <caulagi@gmail.com>
parents:
diff changeset
1759 </html>
Roundup Issue Tracker: http://roundup-tracker.org/