Bootstrap CSS #18

Closed
wants to merge 1 commit into
from

Conversation

Projects
None yet
4 participants

fungio commented Mar 23, 2013

This CSS makes checkboxes & radios look like Bootstrap (http://twitter.github.com/bootstrap/)
The background-images are replaced by Font-Awesome icons
--> The Font-awesome CSS/font is required (http://fortawesome.github.com/Font-Awesome)

Demo: http://jsfiddle.net/fungio/8pYPA/

@fungio fungio New CSS that looks like Bootstrap.
This CSS makes checkboxes & radios look like Bootstrap (http://twitter.github.com/bootstrap/)
The background-images are replaced by Font-Awesome icons
--> The Font-awesome CSS/font is required (http://fortawesome.github.com/Font-Awesome)

Demo: http://jsfiddle.net/fungio/ceM8Q/1/
80f9264
Owner

arthurgouveia commented Apr 1, 2013

Holy shit. I loved this.

Next week I'll be checking with more details and merging the pull requests!

fungio commented Apr 1, 2013

I'm glad you like it. This css makes it easy to change the checkbox/radio colors. http://jsfiddle.net/sqSuN/

Owner

arthurgouveia commented Apr 16, 2013

@fungio, would you mind forking the gh-pages branch and providing documentation with examples?

Contributor

markushausammann commented May 8, 2013

sup?

Exactly what I am looking for! Wanted something like "BootMetro" project does with "IcoMoon" font.
See under headline "Checkboxes and Radios":
http://aozora.github.io/bootmetro/docs/docs-css.html#forms

@fungio
I tried the jsfiddle demo, but I am not sure about customization. Also not sure about the result in my browser. It looks incomplete or wrong to me. Should it really display those squares/rectangles? Please, see screenshot:
prettycheckable_with_fontawesome_jsfiddle

I tried the latest FontAwesome from CDN... and there are some pretty simple icons like:

icon-circle f111
icon-sign-blank f0c8

1.) How to use them instead?
2.) There are also nice pre made icons for checkboxes, i.e. "icon-check" and "icon-check-empty". Is it possible to use those as well, and switch between them.

Thanks in advance.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment