Zeroclipboard css styling for twitter bootstrap

index.html

<button id="copy" class="btn">Copy</button>

script.js

clip = new ZeroClipboard($("#copy")[0], {
  moviePath: "/path/to/ZeroClipboard.swf",
);

style.css

/* styling taken from the #btn class */
.zeroclipboard-is-hover {
  color: rgb(51, 51, 51);
  background-color: rgb(230, 230, 230);
  text-decoration: none;
  background-position: 0px -15px;
  transition: background-position 0.1s linear 0s;
}

.zeroclipboard-is-active {
  color: rgb(51, 51, 51);
  background-color: rgb(230, 230, 230);
  background-image: none;
  outline: 0px none;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}

Thanks for this :)

What about setting the bootstrap's classes?

ZeroClipboard.config({
hoverClass: "hover",
activeClass: "active"
});

That's it!

@sanbor No, it doesn't work.