<a class="readme-logo" href="https://farbelous.io/bootstrap-colorpicker">
<img alt="Logo by @reallinfo" src="logo.png" width="128px" />
</a>
# Bootstrap Colorpicker
<!--version-->
[Bootstrap Colorpicker](https://github.com/farbelous/bootstrap-colorpicker/) is a modular color picker plugin for Bootstrap 4.
[![Build Status](https://img.shields.io/travis/farbelous/bootstrap-colorpicker/master.svg?style=flat-square)](https://travis-ci.org/farbelous/bootstrap-colorpicker)
[![npm](https://img.shields.io/npm/v/bootstrap-colorpicker.svg?style=flat-square)](https://www.npmjs.com/package/bootstrap-colorpicker)
## Install
You can get the latest version in many different ways:
- Downloading [a ZIP file from the releases](https://github.com/farbelous/bootstrap-colorpicker/releases)
- Cloning using Git: `git clone https://github.com/farbelous/bootstrap-colorpicker.git`
- Installing via NPM: `npm install bootstrap-colorpicker`
- Installing via Yarn: `yarn add bootstrap-colorpicker`
- Installing via Composer: `composer require itsjavi/bootstrap-colorpicker`
Note that the `dist` files are only distributed via the NPM and Yarn installations.
For the rest methods, you will need to generate the files initializing the project with `yarn install`
and then building the code using `npm run build`.
## Versions
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>Colorpicker version</th>
<th>Compatible Bootstrap version</th>
<th>Dependencies</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="https://github.com/farbelous/bootstrap-colorpicker/tree/v2.x">v2.x</a> <br>
<a href="https://farbelous.github.io/bootstrap-colorpicker/v2">Documentation</a>
</td>
<td>(any)</td>
<td>
<ul>
<li>jQuery >= 1.10</li>
<li>Bootstrap CSS (input addon)</li>
</ul>
</td>
</tr>
<tr>
<td>
<a href="https://github.com/farbelous/bootstrap-colorpicker">v3.x</a> <br>
<a href="https://farbelous.github.io/bootstrap-colorpicker">Documentation</a>
</td>
<td>Bootstrap 4</td>
<td>
<ul>
<li>jQuery >= 2.1.0</li>
<li>Bootstrap CSS (input addon, popover)</li>
<li>Bootstrap JS Bundle (popover)</li>
</ul>
</td>
</tr>
</thead>
</table>
Note that the plugin may work without Bootstrap if your code is not using any of the mentioned Bootstrap
dependencies.
## Basic example
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href="//cdn.rawgit.com/twbs/bootstrap/v4.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="dist/css/bootstrap-colorpicker.css" rel="stylesheet">
</head>
<body>
<div class="jumbotron">
<h1>Bootstrap Colorpicker Demo</h1>
<input id="demo" type="text" class="form-control" value="rgb(255, 128, 0)" />
</div>
<script src="//code.jquery.com/jquery-3.3.1.js"></script>
<script src="//cdn.rawgit.com/twbs/bootstrap/v4.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="dist/js/bootstrap-colorpicker.js"></script>
<script>
$(function () {
// Basic instantiation:
$('#demo').colorpicker();
// Example using an event, to change the color of the .jumbotron background:
$('#demo').on('colorpickerChange', function(event) {
$('.jumbotron').css('background-color', event.color.toString());
});
});
</script>
</body>
```
## Contributions
* [Issues](https://github.com/farbelous/bootstrap-colorpicker/issues)
* [Pull Requests](https://github.com/farbelous/bootstrap-colorpicker/pulls)
* [Milestones](https://github.com/farbelous/bootstrap-colorpicker/milestones)
* [Planned Features](https://github.com/farbelous/bootstrap-colorpicker/projects)
This project exists thanks to all the [people who contribute](https://github.com/farbelous/bootstrap-colorpicker/graphs/contributors).
Please read [CONTRIBUTING](https://github.com/farbelous/bootstrap-colorpicker/blob/master/.github/CONTRIBUTING.md)
before sending a pull request or issue.
## License
The MIT License (MIT).
Please see the [License File](https://github.com/farbelous/bootstrap-colorpicker/blob/master/LICENSE) for more information.
## Credits
Written and maintained by [Javi Aguilar](https://itsjavi.com) and all other contributors.
*Based on Stefan Petre's color picker (2013).*
*Thanks to JetBrains for supporting this project.*
没有合适的资源?快使用搜索试试~ 我知道了~
新版开源响应式二维码在线生成系统源码
共72个文件
php:30个
png:10个
js:7个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 3 浏览量
2022-07-10
18:33:59
上传
评论
收藏 1.13MB RAR 举报
温馨提示
只需点击几下就可以生成您的个人二维码,上传您的徽标或水印,选择自定义颜色,生成多种类型,选择一个图案并下载最终的二维码图片,可用格式:.png,.svg图片
资源推荐
资源详情
资源评论
收起资源包目录
开源响应式QRcdr二维码在线生成系统源码.rar (72个子文件)
qrcdr
css
font-awesome.min.css 30KB
bootstrap
css
bootstrap.min.css 152KB
bootstrap.min.css.map 611KB
js
bootstrap.min.js 57KB
bootstrap.min.js.map 186KB
index.php 3KB
images
styleselect-default.jpg 4KB
styleselect-3d.jpg 8KB
styleselect-plus.jpg 9KB
styleselect-circle.jpg 10KB
watermarks
03-email.png 16KB
02-location.png 20KB
08-btc.png 7KB
07-paypal.png 12KB
01-link.png 17KB
04-whatsapp.png 14KB
06-vcard.png 14KB
05-wifi.png 17KB
placeholder.svg 1KB
x.png 4KB
favicon.ico 32KB
config.php 3KB
fonts
fontawesome-webfont.eot 162KB
fontawesome-webfont.woff 96KB
FontAwesome.otf 132KB
fontawesome-webfont.svg 434KB
fontawesome-webfont.woff2 75KB
fontawesome-webfont.ttf 162KB
temp
qrcodes
include
tab-email.php 953B
functions.php 15KB
get.php 1KB
generator.php 18KB
head.php 3KB
tab-wifi.php 1KB
tab-vcard.php 3KB
tab-text.php 503B
tab-link.php 515B
process.php 11KB
tab-sms.php 1KB
tab-tel.php 1KB
tab-whatsapp.php 1KB
btc-check.php 2KB
tab-paypal.php 4KB
tab-bitcoin.php 1KB
tab-location.php 1KB
js
ie8.js 7KB
bootstrap-colorpicker
css
bootstrap-colorpicker.min.css 9KB
bootstrap-colorpicker.min.css.map 27KB
bootstrap-colorpicker.css.map 18KB
bootstrap-colorpicker.css 11KB
js
bootstrap-colorpicker.js.map 191KB
bootstrap-colorpicker.min.js 68KB
bootstrap-colorpicker.js 158KB
bootstrap-colorpicker.min.js.map 380KB
LICENSE 1KB
logo.png 12KB
README.md 4KB
popper.js 21KB
all.js 8KB
jquery-3.2.1.min.js 85KB
translations
pt.php 3KB
es.php 3KB
de.php 3KB
en.php 3KB
it.php 3KB
cn.php 3KB
lib
phpqrcode.php 131KB
class-qrcdr.php 18KB
countrycodes.php 19KB
template
footer.php 687B
header.php 542B
style.css 5KB
共 72 条
- 1
资源评论
stbomei
- 粉丝: 39
- 资源: 1237
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功