Buttons

Client side of the template based on «Twitter Bootstrap». On this section you will find examples of how to use the basic styles of «Twitter Bootstrap» and other styles, with help of which you will be able to design and make almost any interested you website page. In this template, we have also added a number of styles and advanced features that make the «Precise» very flexible template that is suitable for all business tasks.

Default buttons

Button styles can be applied to anything with the .btn class applied. However, typically you’ll want to apply these to only <a> and <button> elements for the best rendering.

Button type=”” Description
Standard gray button with gradient
primary Provides extra visual weight and identifies the primary action in a set of buttons
info Used as an alternative to the default styles
success Indicates a successful or positive action
warning Indicates caution should be taken with this action
danger Indicates a dangerous or potentially negative action
inverse Alternate dark gray button, not tied to a semantic action or use
link Deemphasize a button by making it look like a link while maintaining button behavior

Cross browser compatibility

IE9 doesn’t crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow that we cannot fix.

Ads button

Button styles can be applied to anything with the .btn-ads class applied. However, typically you’ll want to apply these to only <a> and <button> elements for the best rendering.

<div class="btn-ads-container">
    <a href="#" class="btn-ads">
	    <span class="flip-container">
            <span class="back">Only from $150</span>
            <span class="front">Buy Now</span>
		</span>
    </a>
</div>
                

Button sizes

Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes.

<p>
    [button type="primary" size="large" title="Large Button" href="#"]
    [button size="large" title="Large Button" href="#"]
</p>
<p>
    [button type="primary" title="Default Button" href="#"]
    [button title="Default Button" href="#"]
</p>
<p>
    [button type="primary" size="small" title="Small Button" href="#"]
    [button size="small" title="Small Button" href="#"]
</p>
<p>
    [button type="primary" size="mini" title="Mini Button" href="#"]
    [button size="mini" title="Mini Button" href="#"]
</p>
                

SOCIAL ICONS

SQUERE

duckduckgo
aim
delicious
paypal
flattr
android
eventful
smashmag
gplus
wikipedia
lanyrd
calendar
stumbleupon
fivehundredpx
pinterest
bitcoin
w3c
foursquare
html5
ie
call
grooveshark
ninetyninedesigns
forrst
digg
spotify
reddit
guest
gowalla
appstore
blogger
cc
dribbble
evernote
flickr
google
viadeo
instapaper
weibo
klout
linkedin
meetup
vk
plancast
disqus
rss
skype
twitter
youtube
vimeo
windows
xing
yahoo
chrome
email
macstore
myspace
podcast
amazon
steam
cloudapp
dropbox
ebay
facebook
github
googleplay
itunes
plurk
songkick
lastfm
gmail
pinboard
openid
quora
soundcloud
tumblr
eventasaurus
wordpress
yelp
intensedebate
eventbrite
scribd
posterous
stripe
opentable
cart
print
angellist
instagram
dwolla
appnet
statusnet
acrobat
drupal
buffer
pocket
bitbucket

[social_container]
    [social type_icon="duckduckgo" href="#" type_button="squere" button_color="white" button_background="black"]
    ...
[/social_container]
                

ROUNDED

duckduckgo
aim
delicious
paypal
flattr
android
eventful
smashmag
gplus
wikipedia
lanyrd
calendar
stumbleupon
fivehundredpx
pinterest
bitcoin
w3c
foursquare
html5
ie
call
grooveshark
ninetyninedesigns
forrst
digg
spotify
reddit
guest
gowalla
appstore
blogger
cc
dribbble
evernote
flickr
google
viadeo
instapaper
weibo
klout
linkedin
meetup
vk
plancast
disqus
rss
skype
twitter
youtube
vimeo
windows
xing
yahoo
chrome
email
macstore
myspace
podcast
amazon
steam
cloudapp
dropbox
ebay
facebook
github
googleplay
itunes
plurk
songkick
lastfm
gmail
pinboard
openid
quora
soundcloud
tumblr
eventasaurus
wordpress
yelp
intensedebate
eventbrite
scribd
posterous
stripe
opentable
cart
print
angellist
instagram
dwolla
appnet
statusnet
acrobat
drupal
buffer
pocket
bitbucket

[social_container]
    [social type_icon="duckduckgo" href="#" type_button="rounded" button_color="white" button_background="black"]
    ...
[/social_container]
                

CIRCLE

duckduckgo
aim
delicious
paypal
flattr
android
eventful
smashmag
gplus
wikipedia
lanyrd
calendar
stumbleupon
fivehundredpx
pinterest
bitcoin
w3c
foursquare
html5
ie
call
grooveshark
ninetyninedesigns
forrst
digg
spotify
reddit
guest
gowalla
appstore
blogger
cc
dribbble
evernote
flickr
google
viadeo
instapaper
weibo
klout
linkedin
meetup
vkontakte
plancast
disqus
rss
skype
twitter
youtube
vimeo
windows
xing
yahoo
chrome
email
macstore
myspace
podcast
amazon
steam
cloudapp
dropbox
ebay
facebook
github
googleplay
itunes
plurk
songkick
lastfm
gmail
pinboard
openid
quora
soundcloud
tumblr
eventasaurus
wordpress
yelp
intensedebate
eventbrite
scribd
posterous
stripe
opentable
cart
print
angellist
instagram
dwolla
appnet
statusnet
acrobat
drupal
buffer
pocket
bitbucket

[social_container]
    [social type_icon="duckduckgo" href="#" type_button="circle" button_color="white" button_background="black"]
    ...
[/social_container]
                

SOCIAL ICONS – Colored

Squere

duckduckgo
aim
delicious
paypal
flattr
android
eventful
smashmag
gplus
wikipedia
lanyrd
calendar
stumbleupon
fivehundredpx
pinterest
bitcoin
w3c
foursquare
html5
ie
call
grooveshark
ninetyninedesigns
forrst
digg
spotify
reddit
guest
gowalla
appstore
blogger
cc
dribbble
evernote
flickr
google
viadeo
instapaper
weibo
klout
linkedin
meetup
vk
plancast
disqus
rss
skype
twitter
youtube
vimeo
windows
xing
yahoo
chrome
email
macstore
myspace
podcast
amazon
steam
cloudapp
dropbox
ebay
facebook
github
googleplay
itunes
plurk
songkick
lastfm
gmail
pinboard
openid
quora
soundcloud
tumblr
eventasaurus
wordpress
yelp
intensedebate
eventbrite
scribd
posterous
stripe
opentable
cart
print
angellist
instagram
dwolla
appnet
statusnet
acrobat
drupal
buffer
pocket
bitbucket

[social_container]
    [social type_icon="duckduckgo" href="#" type_button="squere color" button_color="white" button_background="black"]
    ...
[/social_container]
                

ROUNDED

duckduckgo
aim
delicious
paypal
flattr
android
eventful
smashmag
gplus
wikipedia
lanyrd
calendar
stumbleupon
fivehundredpx
pinterest
bitcoin
w3c
foursquare
html5
ie
call
grooveshark
ninetyninedesigns
forrst
digg
spotify
reddit
guest
gowalla
appstore
blogger
cc
dribbble
evernote
flickr
google
viadeo
instapaper
weibo
klout
linkedin
meetup
vk
plancast
disqus
rss
skype
twitter
youtube
vimeo
windows
xing
yahoo
chrome
email
macstore
myspace
podcast
amazon
steam
cloudapp
dropbox
ebay
facebook
github
googleplay
itunes
plurk
songkick
lastfm
gmail
pinboard
openid
quora
soundcloud
tumblr
eventasaurus
wordpress
yelp
intensedebate
eventbrite
scribd
posterous
stripe
opentable
cart
print
angellist
instagram
dwolla
appnet
statusnet
acrobat
drupal
buffer
pocket
bitbucket

[social_container]
    [social type_icon="duckduckgo" href="#" type_button="rounded color" button_color="white" button_background="black"]
    ...
[/social_container]
                

CIRCLE

duckduckgo
aim
delicious
paypal
flattr
android
eventful
smashmag
gplus
wikipedia
lanyrd
calendar
stumbleupon
fivehundredpx
pinterest
bitcoin
w3c
foursquare
html5
ie
call
grooveshark
ninetyninedesigns
forrst
digg
spotify
reddit
guest
gowalla
appstore
blogger
cc
dribbble
evernote
flickr
google
viadeo
instapaper
weibo
klout
linkedin
meetup
vk
plancast
disqus
rss
skype
twitter
youtube
vimeo
windows
xing
yahoo
chrome
email
macstore
myspace
podcast
amazon
steam
cloudapp
dropbox
ebay
facebook
github
googleplay
itunes
plurk
songkick
lastfm
gmail
pinboard
openid
quora
soundcloud
tumblr
eventasaurus
wordpress
yelp
intensedebate
eventbrite
scribd
posterous
stripe
opentable
cart
print
angellist
instagram
dwolla
appnet
statusnet
acrobat
drupal
buffer
pocket
bitbucket

[social_container]
    [social type_icon="duckduckgo" href="#" type_button="circle color" button_color="white" button_background="black"]
    ...
[/social_container]
                

SOCIAL ICONS – Colored only on :hover

squere

duckduckgo
aim
delicious
paypal
flattr
android
eventful
smashmag
gplus
wikipedia
lanyrd
calendar
stumbleupon
fivehundredpx
pinterest
bitcoin
w3c
foursquare
html5
ie
call
grooveshark
ninetyninedesigns
forrst
digg
spotify
reddit
guest
gowalla
appstore
blogger
cc
dribbble
evernote
flickr
google
viadeo
instapaper
weibo
klout
linkedin
meetup
vk
plancast
disqus
rss
skype
twitter
youtube
vimeo
windows
xing
yahoo
chrome
email
macstore
myspace
podcast
amazon
steam
cloudapp
dropbox
ebay
facebook
github
googleplay
itunes
plurk
songkick
lastfm
gmail
pinboard
openid
quora
soundcloud
tumblr
eventasaurus
wordpress
yelp
intensedebate
eventbrite
scribd
posterous
stripe
opentable
cart
print
angellist
instagram
dwolla
appnet
statusnet
acrobat
drupal
buffer
pocket
bitbucket

[social_container]
    [social type_icon="duckduckgo" href="#" type_button="squere color-hover" button_color="white" button_background="black"]
    ...
[/social_container]
                

rounded

duckduckgo
aim
delicious
paypal
flattr
android
eventful
smashmag
gplus
wikipedia
lanyrd
calendar
stumbleupon
fivehundredpx
pinterest
bitcoin
w3c
foursquare
html5
ie
call
grooveshark
ninetyninedesigns
forrst
digg
spotify
reddit
guest
gowalla
appstore
blogger
cc
dribbble
evernote
flickr
google
viadeo
instapaper
weibo
klout
linkedin
meetup
vk
plancast
disqus
rss
skype
twitter
youtube
vimeo
windows
xing
yahoo
chrome
email
macstore
myspace
podcast
amazon
steam
cloudapp
dropbox
ebay
facebook
github
googleplay
itunes
plurk
songkick
lastfm
gmail
pinboard
openid
quora
soundcloud
tumblr
eventasaurus
wordpress
yelp
intensedebate
eventbrite
scribd
posterous
stripe
opentable
cart
print
angellist
instagram
dwolla
appnet
statusnet
acrobat
drupal
buffer
pocket
bitbucket

[social_container]
    [social type_icon="duckduckgo" href="#" type_button="rounded color-hover" button_color="white" button_background="black"]
    ...
[/social_container]
                

circle

duckduckgo
aim
delicious
paypal
flattr
android
eventful
smashmag
gplus
wikipedia
lanyrd
calendar
stumbleupon
fivehundredpx
pinterest
bitcoin
w3c
foursquare
html5
ie
call
grooveshark
ninetyninedesigns
forrst
digg
spotify
reddit
guest
gowalla
appstore
blogger
cc
dribbble
evernote
flickr
google
viadeo
instapaper
weibo
klout
linkedin
meetup
vk
plancast
disqus
rss
skype
twitter
youtube
vimeo
windows
xing
yahoo
chrome
email
macstore
myspace
podcast
amazon
steam
cloudapp
dropbox
ebay
facebook
github
googleplay
itunes
plurk
songkick
lastfm
gmail
pinboard
openid
quora
soundcloud
tumblr
eventasaurus
wordpress
yelp
intensedebate
eventbrite
scribd
posterous
stripe
opentable
cart
print
angellist
instagram
dwolla
appnet
statusnet
acrobat
drupal
buffer
pocket
bitbucket

[social_container]
    [social type_icon="duckduckgo" href="#" type_button="circle color-hover" button_color="white" button_background="black"]
    ...
[/social_container]