Clipboard.js / Улучшение / Плагины Bootstrap

Версия: v1.6.1

Каталог: Плагины Bootstrap

Категория: Улучшение

Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify

Язык: Английский

Вес файла: 24.6 Kb

Уникальный ID: 2084

Посмотрели: 2360 раз

Скачать бесплатно

Помощь: установка & настройка

Скачали бесплатно: 37 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 2 голосов

Тип лицензии: CC BY 4.0

Авторство: https://github.com/zenorocha/clipboard.js/

Информация: Пользователям

Информация: Правообладателям

Теги: копирование, Plugin, clipboard, Bootstrap

Поделился: BootstrapТема

Добавлено: 2017-05-22 в 20:22

Метка: 1588859928

⇄ ⇅

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Clipboard.js | BootstrapTema</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.6.1/clipboard.min.js"></script>
</head>
<body>

<h1 class="text-center">Clipboard.js | BootstrapTema</h1>

<div class=" col-xs-12 col-sm-12 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
<pre><code id="jsdelivr">&lt;script src="https://cdn.jsdelivr.net/clipboard.js/1.6.1/clipboard.min.js"&gt;&lt;/script&gt;</code></pre>
<pre><code id="cloudflare">&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.6.1/clipboard.min.js"&gt;&lt;/script&gt;</code></pre>
<pre><code id="rawgit">&lt;script src="https://cdn.rawgit.com/zenorocha/clipboard.js/v1.6.1/dist/clipboard.min.js"&gt;&lt;/script&gt;</code></pre>
<div class=" col-xs-12 text-center">
<button class="btn btn-default pull-left" data-clipboard-target="#jsdelivr">jsdelivr</button>
<button class="btn btn-default" data-clipboard-target="#cloudflare">cloudflare</button>
<button class="btn btn-default pull-right" data-clipboard-target="#rawgit">rawgit</button>
</div>
<div class="clearfix"></div>
<hr />
<pre><code id="script">&lt;script&gt;var clipboard = new Clipboard('.btn');&lt;/script&gt;</code></pre>
<button class="btn btn-default btn-block" data-clipboard-target="#script">script</button>
</div>

</div></div>

</body>
</html>

BootstrapTema

Clipboard.js

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0