Artifact
c77de1cd808216ac97c614fa06e71db6e7621d5ff2062cf5b6663fb3a37ad038:
0000: 3c 61 20 63 6c 61 73 73 3d 22 72 65 61 64 6d 65 <a class="readme
0010: 2d 6c 6f 67 6f 22 20 68 72 65 66 3d 22 68 74 74 -logo" href="htt
0020: 70 73 3a 2f 2f 66 61 72 62 65 6c 6f 75 73 2e 69 ps://farbelous.i
0030: 6f 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c 6f o/bootstrap-colo
0040: 72 70 69 63 6b 65 72 22 3e 0a 20 20 20 20 3c 69 rpicker">. <i
0050: 6d 67 20 61 6c 74 3d 22 4c 6f 67 6f 20 62 79 20 mg alt="Logo by
0060: 40 72 65 61 6c 6c 69 6e 66 6f 22 20 73 72 63 3d @reallinfo" src=
0070: 22 6c 6f 67 6f 2e 70 6e 67 22 20 77 69 64 74 68 "logo.png" width
0080: 3d 22 31 32 38 70 78 22 20 2f 3e 0a 3c 2f 61 3e ="128px" />.</a>
0090: 0a 0a 23 20 42 6f 6f 74 73 74 72 61 70 20 43 6f ..# Bootstrap Co
00a0: 6c 6f 72 70 69 63 6b 65 72 0a 0a 3c 21 2d 2d 76 lorpicker..<!--v
00b0: 65 72 73 69 6f 6e 2d 2d 3e 0a 0a 5b 42 6f 6f 74 ersion-->..[Boot
00c0: 73 74 72 61 70 20 43 6f 6c 6f 72 70 69 63 6b 65 strap Colorpicke
00d0: 72 5d 28 68 74 74 70 73 3a 2f 2f 67 69 74 68 75 r](https://githu
00e0: 62 2e 63 6f 6d 2f 66 61 72 62 65 6c 6f 75 73 2f b.com/farbelous/
00f0: 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c 6f 72 70 bootstrap-colorp
0100: 69 63 6b 65 72 2f 29 20 69 73 20 61 20 6d 6f 64 icker/) is a mod
0110: 75 6c 61 72 20 63 6f 6c 6f 72 20 70 69 63 6b 65 ular color picke
0120: 72 20 70 6c 75 67 69 6e 20 66 6f 72 20 42 6f 6f r plugin for Boo
0130: 74 73 74 72 61 70 20 34 2e 0a 0a 5b 21 5b 42 75 tstrap 4...[![Bu
0140: 69 6c 64 20 53 74 61 74 75 73 5d 28 68 74 74 70 ild Status](http
0150: 73 3a 2f 2f 69 6d 67 2e 73 68 69 65 6c 64 73 2e s://img.shields.
0160: 69 6f 2f 74 72 61 76 69 73 2f 66 61 72 62 65 6c io/travis/farbel
0170: 6f 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f ous/bootstrap-co
0180: 6c 6f 72 70 69 63 6b 65 72 2f 6d 61 73 74 65 72 lorpicker/master
0190: 2e 73 76 67 3f 73 74 79 6c 65 3d 66 6c 61 74 2d .svg?style=flat-
01a0: 73 71 75 61 72 65 29 5d 28 68 74 74 70 73 3a 2f square)](https:/
01b0: 2f 74 72 61 76 69 73 2d 63 69 2e 6f 72 67 2f 66 /travis-ci.org/f
01c0: 61 72 62 65 6c 6f 75 73 2f 62 6f 6f 74 73 74 72 arbelous/bootstr
01d0: 61 70 2d 63 6f 6c 6f 72 70 69 63 6b 65 72 29 0a ap-colorpicker).
01e0: 5b 21 5b 6e 70 6d 5d 28 68 74 74 70 73 3a 2f 2f [![npm](https://
01f0: 69 6d 67 2e 73 68 69 65 6c 64 73 2e 69 6f 2f 6e img.shields.io/n
0200: 70 6d 2f 76 2f 62 6f 6f 74 73 74 72 61 70 2d 63 pm/v/bootstrap-c
0210: 6f 6c 6f 72 70 69 63 6b 65 72 2e 73 76 67 3f 73 olorpicker.svg?s
0220: 74 79 6c 65 3d 66 6c 61 74 2d 73 71 75 61 72 65 tyle=flat-square
0230: 29 5d 28 68 74 74 70 73 3a 2f 2f 77 77 77 2e 6e )](https://www.n
0240: 70 6d 6a 73 2e 63 6f 6d 2f 70 61 63 6b 61 67 65 pmjs.com/package
0250: 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c 6f 72 /bootstrap-color
0260: 70 69 63 6b 65 72 29 0a 0a 23 23 20 49 6e 73 74 picker)..## Inst
0270: 61 6c 6c 0a 59 6f 75 20 63 61 6e 20 67 65 74 20 all.You can get
0280: 74 68 65 20 6c 61 74 65 73 74 20 76 65 72 73 69 the latest versi
0290: 6f 6e 20 69 6e 20 6d 61 6e 79 20 64 69 66 66 65 on in many diffe
02a0: 72 65 6e 74 20 77 61 79 73 3a 0a 0a 2d 20 44 6f rent ways:..- Do
02b0: 77 6e 6c 6f 61 64 69 6e 67 20 5b 61 20 5a 49 50 wnloading [a ZIP
02c0: 20 66 69 6c 65 20 66 72 6f 6d 20 74 68 65 20 72 file from the r
02d0: 65 6c 65 61 73 65 73 5d 28 68 74 74 70 73 3a 2f eleases](https:/
02e0: 2f 67 69 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62 /github.com/farb
02f0: 65 6c 6f 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d elous/bootstrap-
0300: 63 6f 6c 6f 72 70 69 63 6b 65 72 2f 72 65 6c 65 colorpicker/rele
0310: 61 73 65 73 29 0a 2d 20 43 6c 6f 6e 69 6e 67 20 ases).- Cloning
0320: 75 73 69 6e 67 20 47 69 74 3a 20 60 67 69 74 20 using Git: `git
0330: 63 6c 6f 6e 65 20 68 74 74 70 73 3a 2f 2f 67 69 clone https://gi
0340: 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62 65 6c 6f thub.com/farbelo
0350: 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c us/bootstrap-col
0360: 6f 72 70 69 63 6b 65 72 2e 67 69 74 60 0a 2d 20 orpicker.git`.-
0370: 49 6e 73 74 61 6c 6c 69 6e 67 20 76 69 61 20 4e Installing via N
0380: 50 4d 3a 20 60 6e 70 6d 20 69 6e 73 74 61 6c 6c PM: `npm install
0390: 20 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c 6f 72 bootstrap-color
03a0: 70 69 63 6b 65 72 60 0a 2d 20 49 6e 73 74 61 6c picker`.- Instal
03b0: 6c 69 6e 67 20 76 69 61 20 59 61 72 6e 3a 20 60 ling via Yarn: `
03c0: 79 61 72 6e 20 61 64 64 20 62 6f 6f 74 73 74 72 yarn add bootstr
03d0: 61 70 2d 63 6f 6c 6f 72 70 69 63 6b 65 72 60 0a ap-colorpicker`.
03e0: 2d 20 49 6e 73 74 61 6c 6c 69 6e 67 20 76 69 61 - Installing via
03f0: 20 43 6f 6d 70 6f 73 65 72 3a 20 60 63 6f 6d 70 Composer: `comp
0400: 6f 73 65 72 20 72 65 71 75 69 72 65 20 69 74 73 oser require its
0410: 6a 61 76 69 2f 62 6f 6f 74 73 74 72 61 70 2d 63 javi/bootstrap-c
0420: 6f 6c 6f 72 70 69 63 6b 65 72 60 0a 0a 4e 6f 74 olorpicker`..Not
0430: 65 20 74 68 61 74 20 74 68 65 20 60 64 69 73 74 e that the `dist
0440: 60 20 66 69 6c 65 73 20 61 72 65 20 6f 6e 6c 79 ` files are only
0450: 20 64 69 73 74 72 69 62 75 74 65 64 20 76 69 61 distributed via
0460: 20 74 68 65 20 4e 50 4d 20 61 6e 64 20 59 61 72 the NPM and Yar
0470: 6e 20 69 6e 73 74 61 6c 6c 61 74 69 6f 6e 73 2e n installations.
0480: 0a 0a 46 6f 72 20 74 68 65 20 72 65 73 74 20 6d ..For the rest m
0490: 65 74 68 6f 64 73 2c 20 79 6f 75 20 77 69 6c 6c ethods, you will
04a0: 20 6e 65 65 64 20 74 6f 20 67 65 6e 65 72 61 74 need to generat
04b0: 65 20 74 68 65 20 66 69 6c 65 73 20 69 6e 69 74 e the files init
04c0: 69 61 6c 69 7a 69 6e 67 20 74 68 65 20 70 72 6f ializing the pro
04d0: 6a 65 63 74 20 77 69 74 68 20 60 79 61 72 6e 20 ject with `yarn
04e0: 69 6e 73 74 61 6c 6c 60 0a 61 6e 64 20 74 68 65 install`.and the
04f0: 6e 20 62 75 69 6c 64 69 6e 67 20 74 68 65 20 63 n building the c
0500: 6f 64 65 20 75 73 69 6e 67 20 60 6e 70 6d 20 72 ode using `npm r
0510: 75 6e 20 62 75 69 6c 64 60 2e 0a 0a 23 23 20 56 un build`...## V
0520: 65 72 73 69 6f 6e 73 0a 0a 3c 74 61 62 6c 65 20 ersions..<table
0530: 63 6c 61 73 73 3d 22 74 61 62 6c 65 20 74 61 62 class="table tab
0540: 6c 65 2d 62 6f 72 64 65 72 65 64 20 74 61 62 6c le-bordered tabl
0550: 65 2d 73 74 72 69 70 65 64 22 3e 0a 20 20 3c 74 e-striped">. <t
0560: 68 65 61 64 3e 0a 20 20 20 20 3c 74 72 3e 0a 20 head>. <tr>.
0570: 20 20 20 20 20 20 20 3c 74 68 3e 43 6f 6c 6f 72 <th>Color
0580: 70 69 63 6b 65 72 20 76 65 72 73 69 6f 6e 3c 2f picker version</
0590: 74 68 3e 0a 20 20 20 20 20 20 20 20 3c 74 68 3e th>. <th>
05a0: 43 6f 6d 70 61 74 69 62 6c 65 20 42 6f 6f 74 73 Compatible Boots
05b0: 74 72 61 70 20 76 65 72 73 69 6f 6e 3c 2f 74 68 trap version</th
05c0: 3e 0a 20 20 20 20 20 20 20 20 3c 74 68 3e 44 65 >. <th>De
05d0: 70 65 6e 64 65 6e 63 69 65 73 3c 2f 74 68 3e 0a pendencies</th>.
05e0: 20 20 20 20 3c 2f 74 72 3e 0a 20 20 3c 2f 74 68 </tr>. </th
05f0: 65 61 64 3e 0a 20 20 3c 74 62 6f 64 79 3e 0a 20 ead>. <tbody>.
0600: 20 20 20 3c 74 72 3e 0a 20 20 20 20 20 20 20 20 <tr>.
0610: 3c 74 64 3e 0a 20 20 20 20 20 20 20 20 20 20 3c <td>. <
0620: 61 20 68 72 65 66 3d 22 68 74 74 70 73 3a 2f 2f a href="https://
0630: 67 69 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62 65 github.com/farbe
0640: 6c 6f 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d 63 lous/bootstrap-c
0650: 6f 6c 6f 72 70 69 63 6b 65 72 2f 74 72 65 65 2f olorpicker/tree/
0660: 76 32 2e 78 22 3e 76 32 2e 78 3c 2f 61 3e 20 3c v2.x">v2.x</a> <
0670: 62 72 3e 0a 20 20 20 20 20 20 20 20 20 20 3c 61 br>. <a
0680: 20 68 72 65 66 3d 22 68 74 74 70 73 3a 2f 2f 66 href="https://f
0690: 61 72 62 65 6c 6f 75 73 2e 67 69 74 68 75 62 2e arbelous.github.
06a0: 69 6f 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c io/bootstrap-col
06b0: 6f 72 70 69 63 6b 65 72 2f 76 32 22 3e 44 6f 63 orpicker/v2">Doc
06c0: 75 6d 65 6e 74 61 74 69 6f 6e 3c 2f 61 3e 0a 20 umentation</a>.
06d0: 20 20 20 20 20 20 20 3c 2f 74 64 3e 0a 20 20 20 </td>.
06e0: 20 20 20 20 20 3c 74 64 3e 28 61 6e 79 29 3c 2f <td>(any)</
06f0: 74 64 3e 0a 20 20 20 20 20 20 20 20 3c 74 64 3e td>. <td>
0700: 0a 20 20 20 20 20 20 20 20 20 20 3c 75 6c 3e 0a . <ul>.
0710: 20 20 20 20 20 20 20 20 20 20 20 20 3c 6c 69 3e <li>
0720: 6a 51 75 65 72 79 20 3e 3d 20 31 2e 31 30 3c 2f jQuery >= 1.10</
0730: 6c 69 3e 0a 20 20 20 20 20 20 20 20 20 20 20 20 li>.
0740: 3c 6c 69 3e 42 6f 6f 74 73 74 72 61 70 20 43 53 <li>Bootstrap CS
0750: 53 20 28 69 6e 70 75 74 20 61 64 64 6f 6e 29 3c S (input addon)<
0760: 2f 6c 69 3e 0a 20 20 20 20 20 20 20 20 20 20 3c /li>. <
0770: 2f 75 6c 3e 0a 20 20 20 20 20 20 20 20 3c 2f 74 /ul>. </t
0780: 64 3e 0a 20 20 20 20 3c 2f 74 72 3e 0a 20 20 20 d>. </tr>.
0790: 20 3c 74 72 3e 0a 20 20 20 20 20 20 20 20 3c 74 <tr>. <t
07a0: 64 3e 0a 20 20 20 20 20 20 20 20 20 20 3c 61 20 d>. <a
07b0: 68 72 65 66 3d 22 68 74 74 70 73 3a 2f 2f 67 69 href="https://gi
07c0: 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62 65 6c 6f thub.com/farbelo
07d0: 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c us/bootstrap-col
07e0: 6f 72 70 69 63 6b 65 72 22 3e 76 33 2e 78 3c 2f orpicker">v3.x</
07f0: 61 3e 20 3c 62 72 3e 0a 20 20 20 20 20 20 20 20 a> <br>.
0800: 20 20 3c 61 20 68 72 65 66 3d 22 68 74 74 70 73 <a href="https
0810: 3a 2f 2f 66 61 72 62 65 6c 6f 75 73 2e 67 69 74 ://farbelous.git
0820: 68 75 62 2e 69 6f 2f 62 6f 6f 74 73 74 72 61 70 hub.io/bootstrap
0830: 2d 63 6f 6c 6f 72 70 69 63 6b 65 72 22 3e 44 6f -colorpicker">Do
0840: 63 75 6d 65 6e 74 61 74 69 6f 6e 3c 2f 61 3e 0a cumentation</a>.
0850: 20 20 20 20 20 20 20 20 3c 2f 74 64 3e 0a 20 20 </td>.
0860: 20 20 20 20 20 20 3c 74 64 3e 42 6f 6f 74 73 74 <td>Bootst
0870: 72 61 70 20 34 3c 2f 74 64 3e 0a 20 20 20 20 20 rap 4</td>.
0880: 20 20 20 3c 74 64 3e 0a 20 20 20 20 20 20 20 20 <td>.
0890: 20 20 3c 75 6c 3e 0a 20 20 20 20 20 20 20 20 20 <ul>.
08a0: 20 20 20 3c 6c 69 3e 6a 51 75 65 72 79 20 3e 3d <li>jQuery >=
08b0: 20 32 2e 31 2e 30 3c 2f 6c 69 3e 0a 20 20 20 20 2.1.0</li>.
08c0: 20 20 20 20 20 20 20 20 3c 6c 69 3e 42 6f 6f 74 <li>Boot
08d0: 73 74 72 61 70 20 43 53 53 20 28 69 6e 70 75 74 strap CSS (input
08e0: 20 61 64 64 6f 6e 2c 20 70 6f 70 6f 76 65 72 29 addon, popover)
08f0: 3c 2f 6c 69 3e 0a 20 20 20 20 20 20 20 20 20 20 </li>.
0900: 20 20 3c 6c 69 3e 42 6f 6f 74 73 74 72 61 70 20 <li>Bootstrap
0910: 4a 53 20 42 75 6e 64 6c 65 20 28 70 6f 70 6f 76 JS Bundle (popov
0920: 65 72 29 3c 2f 6c 69 3e 0a 20 20 20 20 20 20 20 er)</li>.
0930: 20 20 20 3c 2f 75 6c 3e 0a 20 20 20 20 20 20 20 </ul>.
0940: 20 3c 2f 74 64 3e 0a 20 20 20 20 3c 2f 74 72 3e </td>. </tr>
0950: 0a 20 20 3c 2f 74 68 65 61 64 3e 0a 3c 2f 74 61 . </thead>.</ta
0960: 62 6c 65 3e 0a 0a 0a 4e 6f 74 65 20 74 68 61 74 ble>...Note that
0970: 20 74 68 65 20 70 6c 75 67 69 6e 20 6d 61 79 20 the plugin may
0980: 77 6f 72 6b 20 77 69 74 68 6f 75 74 20 42 6f 6f work without Boo
0990: 74 73 74 72 61 70 20 69 66 20 79 6f 75 72 20 63 tstrap if your c
09a0: 6f 64 65 20 69 73 20 6e 6f 74 20 75 73 69 6e 67 ode is not using
09b0: 20 61 6e 79 20 6f 66 20 74 68 65 20 6d 65 6e 74 any of the ment
09c0: 69 6f 6e 65 64 20 42 6f 6f 74 73 74 72 61 70 0a ioned Bootstrap.
09d0: 64 65 70 65 6e 64 65 6e 63 69 65 73 2e 0a 0a 0a dependencies....
09e0: 23 23 20 42 61 73 69 63 20 65 78 61 6d 70 6c 65 ## Basic example
09f0: 0a 0a 60 60 60 68 74 6d 6c 0a 3c 21 44 4f 43 54 ..```html.<!DOCT
0a00: 59 50 45 20 68 74 6d 6c 3e 0a 3c 68 74 6d 6c 20 YPE html>.<html
0a10: 6c 61 6e 67 3d 22 65 6e 22 3e 0a 3c 68 65 61 64 lang="en">.<head
0a20: 3e 0a 20 20 3c 6d 65 74 61 20 63 68 61 72 73 65 >. <meta charse
0a30: 74 3d 22 75 74 66 2d 38 22 3e 0a 20 20 3c 6c 69 t="utf-8">. <li
0a40: 6e 6b 20 68 72 65 66 3d 22 2f 2f 63 64 6e 2e 72 nk href="//cdn.r
0a50: 61 77 67 69 74 2e 63 6f 6d 2f 74 77 62 73 2f 62 awgit.com/twbs/b
0a60: 6f 6f 74 73 74 72 61 70 2f 76 34 2e 31 2e 33 2f ootstrap/v4.1.3/
0a70: 64 69 73 74 2f 63 73 73 2f 62 6f 6f 74 73 74 72 dist/css/bootstr
0a80: 61 70 2e 6d 69 6e 2e 63 73 73 22 20 72 65 6c 3d ap.min.css" rel=
0a90: 22 73 74 79 6c 65 73 68 65 65 74 22 3e 0a 20 20 "stylesheet">.
0aa0: 3c 6c 69 6e 6b 20 68 72 65 66 3d 22 64 69 73 74 <link href="dist
0ab0: 2f 63 73 73 2f 62 6f 6f 74 73 74 72 61 70 2d 63 /css/bootstrap-c
0ac0: 6f 6c 6f 72 70 69 63 6b 65 72 2e 63 73 73 22 20 olorpicker.css"
0ad0: 72 65 6c 3d 22 73 74 79 6c 65 73 68 65 65 74 22 rel="stylesheet"
0ae0: 3e 0a 3c 2f 68 65 61 64 3e 0a 3c 62 6f 64 79 3e >.</head>.<body>
0af0: 0a 20 20 3c 64 69 76 20 63 6c 61 73 73 3d 22 6a . <div class="j
0b00: 75 6d 62 6f 74 72 6f 6e 22 3e 0a 20 20 20 20 20 umbotron">.
0b10: 20 3c 68 31 3e 42 6f 6f 74 73 74 72 61 70 20 43 <h1>Bootstrap C
0b20: 6f 6c 6f 72 70 69 63 6b 65 72 20 44 65 6d 6f 3c olorpicker Demo<
0b30: 2f 68 31 3e 0a 20 20 20 20 20 20 3c 69 6e 70 75 /h1>. <inpu
0b40: 74 20 69 64 3d 22 64 65 6d 6f 22 20 74 79 70 65 t id="demo" type
0b50: 3d 22 74 65 78 74 22 20 63 6c 61 73 73 3d 22 66 ="text" class="f
0b60: 6f 72 6d 2d 63 6f 6e 74 72 6f 6c 22 20 76 61 6c orm-control" val
0b70: 75 65 3d 22 72 67 62 28 32 35 35 2c 20 31 32 38 ue="rgb(255, 128
0b80: 2c 20 30 29 22 20 2f 3e 0a 20 20 3c 2f 64 69 76 , 0)" />. </div
0b90: 3e 0a 20 20 3c 73 63 72 69 70 74 20 73 72 63 3d >. <script src=
0ba0: 22 2f 2f 63 6f 64 65 2e 6a 71 75 65 72 79 2e 63 "//code.jquery.c
0bb0: 6f 6d 2f 6a 71 75 65 72 79 2d 33 2e 33 2e 31 2e om/jquery-3.3.1.
0bc0: 6a 73 22 3e 3c 2f 73 63 72 69 70 74 3e 0a 20 20 js"></script>.
0bd0: 3c 73 63 72 69 70 74 20 73 72 63 3d 22 2f 2f 63 <script src="//c
0be0: 64 6e 2e 72 61 77 67 69 74 2e 63 6f 6d 2f 74 77 dn.rawgit.com/tw
0bf0: 62 73 2f 62 6f 6f 74 73 74 72 61 70 2f 76 34 2e bs/bootstrap/v4.
0c00: 31 2e 33 2f 64 69 73 74 2f 6a 73 2f 62 6f 6f 74 1.3/dist/js/boot
0c10: 73 74 72 61 70 2e 62 75 6e 64 6c 65 2e 6d 69 6e strap.bundle.min
0c20: 2e 6a 73 22 3e 3c 2f 73 63 72 69 70 74 3e 0a 20 .js"></script>.
0c30: 20 3c 73 63 72 69 70 74 20 73 72 63 3d 22 64 69 <script src="di
0c40: 73 74 2f 6a 73 2f 62 6f 6f 74 73 74 72 61 70 2d st/js/bootstrap-
0c50: 63 6f 6c 6f 72 70 69 63 6b 65 72 2e 6a 73 22 3e colorpicker.js">
0c60: 3c 2f 73 63 72 69 70 74 3e 0a 20 20 3c 73 63 72 </script>. <scr
0c70: 69 70 74 3e 0a 20 20 20 20 24 28 66 75 6e 63 74 ipt>. $(funct
0c80: 69 6f 6e 20 28 29 20 7b 0a 20 20 20 20 20 20 2f ion () {. /
0c90: 2f 20 42 61 73 69 63 20 69 6e 73 74 61 6e 74 69 / Basic instanti
0ca0: 61 74 69 6f 6e 3a 0a 20 20 20 20 20 20 24 28 27 ation:. $('
0cb0: 23 64 65 6d 6f 27 29 2e 63 6f 6c 6f 72 70 69 63 #demo').colorpic
0cc0: 6b 65 72 28 29 3b 0a 20 20 20 20 20 20 0a 20 20 ker();. .
0cd0: 20 20 20 20 2f 2f 20 45 78 61 6d 70 6c 65 20 75 // Example u
0ce0: 73 69 6e 67 20 61 6e 20 65 76 65 6e 74 2c 20 74 sing an event, t
0cf0: 6f 20 63 68 61 6e 67 65 20 74 68 65 20 63 6f 6c o change the col
0d00: 6f 72 20 6f 66 20 74 68 65 20 2e 6a 75 6d 62 6f or of the .jumbo
0d10: 74 72 6f 6e 20 62 61 63 6b 67 72 6f 75 6e 64 3a tron background:
0d20: 0a 20 20 20 20 20 20 24 28 27 23 64 65 6d 6f 27 . $('#demo'
0d30: 29 2e 6f 6e 28 27 63 6f 6c 6f 72 70 69 63 6b 65 ).on('colorpicke
0d40: 72 43 68 61 6e 67 65 27 2c 20 66 75 6e 63 74 69 rChange', functi
0d50: 6f 6e 28 65 76 65 6e 74 29 20 7b 0a 20 20 20 20 on(event) {.
0d60: 20 20 20 20 24 28 27 2e 6a 75 6d 62 6f 74 72 6f $('.jumbotro
0d70: 6e 27 29 2e 63 73 73 28 27 62 61 63 6b 67 72 6f n').css('backgro
0d80: 75 6e 64 2d 63 6f 6c 6f 72 27 2c 20 65 76 65 6e und-color', even
0d90: 74 2e 63 6f 6c 6f 72 2e 74 6f 53 74 72 69 6e 67 t.color.toString
0da0: 28 29 29 3b 0a 20 20 20 20 20 20 7d 29 3b 0a 20 ());. });.
0db0: 20 20 20 7d 29 3b 0a 20 20 3c 2f 73 63 72 69 70 });. </scrip
0dc0: 74 3e 0a 3c 2f 62 6f 64 79 3e 0a 60 60 60 0a 0a t>.</body>.```..
0dd0: 23 23 20 43 6f 6e 74 72 69 62 75 74 69 6f 6e 73 ## Contributions
0de0: 0a 2a 20 5b 49 73 73 75 65 73 5d 28 68 74 74 70 .* [Issues](http
0df0: 73 3a 2f 2f 67 69 74 68 75 62 2e 63 6f 6d 2f 66 s://github.com/f
0e00: 61 72 62 65 6c 6f 75 73 2f 62 6f 6f 74 73 74 72 arbelous/bootstr
0e10: 61 70 2d 63 6f 6c 6f 72 70 69 63 6b 65 72 2f 69 ap-colorpicker/i
0e20: 73 73 75 65 73 29 0a 2a 20 5b 50 75 6c 6c 20 52 ssues).* [Pull R
0e30: 65 71 75 65 73 74 73 5d 28 68 74 74 70 73 3a 2f equests](https:/
0e40: 2f 67 69 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62 /github.com/farb
0e50: 65 6c 6f 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d elous/bootstrap-
0e60: 63 6f 6c 6f 72 70 69 63 6b 65 72 2f 70 75 6c 6c colorpicker/pull
0e70: 73 29 0a 2a 20 5b 4d 69 6c 65 73 74 6f 6e 65 73 s).* [Milestones
0e80: 5d 28 68 74 74 70 73 3a 2f 2f 67 69 74 68 75 62 ](https://github
0e90: 2e 63 6f 6d 2f 66 61 72 62 65 6c 6f 75 73 2f 62 .com/farbelous/b
0ea0: 6f 6f 74 73 74 72 61 70 2d 63 6f 6c 6f 72 70 69 ootstrap-colorpi
0eb0: 63 6b 65 72 2f 6d 69 6c 65 73 74 6f 6e 65 73 29 cker/milestones)
0ec0: 0a 2a 20 5b 50 6c 61 6e 6e 65 64 20 46 65 61 74 .* [Planned Feat
0ed0: 75 72 65 73 5d 28 68 74 74 70 73 3a 2f 2f 67 69 ures](https://gi
0ee0: 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62 65 6c 6f thub.com/farbelo
0ef0: 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c us/bootstrap-col
0f00: 6f 72 70 69 63 6b 65 72 2f 70 72 6f 6a 65 63 74 orpicker/project
0f10: 73 29 0a 0a 54 68 69 73 20 70 72 6f 6a 65 63 74 s)..This project
0f20: 20 65 78 69 73 74 73 20 74 68 61 6e 6b 73 20 74 exists thanks t
0f30: 6f 20 61 6c 6c 20 74 68 65 20 5b 70 65 6f 70 6c o all the [peopl
0f40: 65 20 77 68 6f 20 63 6f 6e 74 72 69 62 75 74 65 e who contribute
0f50: 5d 28 68 74 74 70 73 3a 2f 2f 67 69 74 68 75 62 ](https://github
0f60: 2e 63 6f 6d 2f 66 61 72 62 65 6c 6f 75 73 2f 62 .com/farbelous/b
0f70: 6f 6f 74 73 74 72 61 70 2d 63 6f 6c 6f 72 70 69 ootstrap-colorpi
0f80: 63 6b 65 72 2f 67 72 61 70 68 73 2f 63 6f 6e 74 cker/graphs/cont
0f90: 72 69 62 75 74 6f 72 73 29 2e 0a 0a 50 6c 65 61 ributors)...Plea
0fa0: 73 65 20 72 65 61 64 20 5b 43 4f 4e 54 52 49 42 se read [CONTRIB
0fb0: 55 54 49 4e 47 5d 28 68 74 74 70 73 3a 2f 2f 67 UTING](https://g
0fc0: 69 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62 65 6c ithub.com/farbel
0fd0: 6f 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f ous/bootstrap-co
0fe0: 6c 6f 72 70 69 63 6b 65 72 2f 62 6c 6f 62 2f 6d lorpicker/blob/m
0ff0: 61 73 74 65 72 2f 2e 67 69 74 68 75 62 2f 43 4f aster/.github/CO
1000: 4e 54 52 49 42 55 54 49 4e 47 2e 6d 64 29 20 0a NTRIBUTING.md) .
1010: 62 65 66 6f 72 65 20 73 65 6e 64 69 6e 67 20 61 before sending a
1020: 20 70 75 6c 6c 20 72 65 71 75 65 73 74 20 6f 72 pull request or
1030: 20 69 73 73 75 65 2e 0a 0a 23 23 20 4c 69 63 65 issue...## Lice
1040: 6e 73 65 0a 54 68 65 20 4d 49 54 20 4c 69 63 65 nse.The MIT Lice
1050: 6e 73 65 20 28 4d 49 54 29 2e 0a 50 6c 65 61 73 nse (MIT)..Pleas
1060: 65 20 73 65 65 20 74 68 65 20 5b 4c 69 63 65 6e e see the [Licen
1070: 73 65 20 46 69 6c 65 5d 28 68 74 74 70 73 3a 2f se File](https:/
1080: 2f 67 69 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62 /github.com/farb
1090: 65 6c 6f 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d elous/bootstrap-
10a0: 63 6f 6c 6f 72 70 69 63 6b 65 72 2f 62 6c 6f 62 colorpicker/blob
10b0: 2f 6d 61 73 74 65 72 2f 4c 49 43 45 4e 53 45 29 /master/LICENSE)
10c0: 20 66 6f 72 20 6d 6f 72 65 20 69 6e 66 6f 72 6d for more inform
10d0: 61 74 69 6f 6e 2e 0a 0a 23 23 20 43 72 65 64 69 ation...## Credi
10e0: 74 73 0a 0a 57 72 69 74 74 65 6e 20 61 6e 64 20 ts..Written and
10f0: 6d 61 69 6e 74 61 69 6e 65 64 20 62 79 20 5b 4a maintained by [J
1100: 61 76 69 20 41 67 75 69 6c 61 72 5d 28 68 74 74 avi Aguilar](htt
1110: 70 73 3a 2f 2f 69 74 73 6a 61 76 69 2e 63 6f 6d ps://itsjavi.com
1120: 29 20 61 6e 64 20 61 6c 6c 20 6f 74 68 65 72 20 ) and all other
1130: 63 6f 6e 74 72 69 62 75 74 6f 72 73 2e 0a 0a 2a contributors...*
1140: 42 61 73 65 64 20 6f 6e 20 53 74 65 66 61 6e 20 Based on Stefan
1150: 50 65 74 72 65 27 73 20 63 6f 6c 6f 72 20 70 69 Petre's color pi
1160: 63 6b 65 72 20 28 32 30 31 33 29 2e 2a 0a 0a 2a cker (2013).*..*
1170: 54 68 61 6e 6b 73 20 74 6f 20 4a 65 74 42 72 61 Thanks to JetBra
1180: 69 6e 73 20 66 6f 72 20 73 75 70 70 6f 72 74 69 ins for supporti
1190: 6e 67 20 74 68 69 73 20 70 72 6f 6a 65 63 74 2e ng this project.
11a0: 2a 0a *.