设计twitter自举按钮 [英] Styling twitter bootstrap buttons

问题描述

Twitter-Bootstrap按钮是真棒的美丽。 通过滚动查看

Twitter-Bootstrap buttons are awesomely beautiful. Try them out by scrolling over them

< img src =https://i.stack.imgur.com/2SQ0p.pngalt =bootstrap button screenshot>

但它们的颜色有限。

有什么方法可以改变按钮的基本颜色，同时保持美丽的悬停效果引导已经做得如此美丽和轻松？

Is there any way I could change the base color of the button while keeping the beautiful hover-over effect that bootstrap has made so beautiful and effortless?

我完全不知道css / javascript看起来像twitter用来维护这些效果。

I am completely unaware of what the css/javascript looks like that twitter uses to maintain those effects.

推荐答案

基本上，Twitter Bootstrap中的按钮在CSS中由.btn {}控制。你需要做的是去CSS文件，找到它说btn，并改变颜色设置。然而，它不是那么简单，只是这样做，因为你还必须改变按钮变成什么颜色，当你突出显示它，等等。要做，你必须在CSS中寻找其他标签像.btn：hover {} 等。

Basically, the buttons in Twitter Bootstrap are controlled in CSS by ".btn{}". What you have to do is go to the CSS file and find where it says "btn" and change the color settings. However, it's not as simple as just doing that since you also have to change what color the button changes into when you highlight it, etc. To do THAT, you have to look for other tags in CSS like ".btn:hover{}", etc.

更改它需要更改CSS。以下是该文件的快速链接：

Changing it requires changing of the CSS. Here is a quick link to that file:

https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css

这篇关于设计twitter自举按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！