Light

marcoceppi / bootstrap-glyphicons Goto Github PK

View Code? Open in Web Editor NEW

425.0 47.0 362.0 466 KB

Regular Glphyicon drop in for Bootstrap

CSS 100.00%

bootstrap-glyphicons's Introduction

Bootstrap Glyphicons Support

Twitter's Bootstrap v2 project already uses GLYPHICONS halflings (created by Jan Kovařík) and are released for Bootstrap under the Apache 2.0 License. What this project aims to accomplish is add seamless support for the 400+ GLYPHICONS (available for free under the Creative Commons Attribution 3.0 Unported (CC BY 3.0) license) to Bootstrap so "large" icons can be used. To achieve this I've combined the over 400 24x24 GLYPHICONS in to a Sprite and added icon-large definitions.

Whenever possible larger GLYPHICONS halflings names have been mapped. Otherwise the CSS class definition follows the names set by the files in the zip.

To use this within your site you NEED to do the following:

Download bootstrap.icon-large.min.css and place it in the same directory as bootstrap.css file
Download glyphicons.png and place it in the same directory as glyphicons-halflings.png
Add the following CSS definition under the bootstrap.css call <link href="css/bootstrap.icon-large.min.css" rel="stylesheet">
Clearly visible on the site (like the footer) add a link to glyphicons.com. This is a requirement by the artist unless you purchase the GLYPHICONS ALL or GLYPHICONS PRO plans. If you don't want to give attribution to the artist, at least pay him for his fantastic work.

That's it. You can find an entire listing of all the GLYPHICONS

bootstrap-glyphicons's People

Contributors

Stargazers

Watchers

Forkers

vdvornyk fenderchamp pixelgrinch khandieyea nellshawcohen localrivet tinkerwell martypowell heidarymr infinia educsis mikengarrett elrapha dustinsites surfbuds paneru tiross h03f lovescala irfan87 itsrexb gillani0 sabcio mailightkun brunomsleal orionrush aadilprabhakar imjayson danilapostika ovalls andrefonseca2 devzorg duniadua yurikarsten jhanley85 kjarrith krnkl fivefishstudios micleavor eox03y simonsol leonceeo sivi29y tonydspaniard rfinquiron osmltir neonmando158 lum3ll anselmelly bjhaid dfjodorov yiidevelop chipmunk1101 furqan-razzaq-confiz rossmc nutav ychernushenko classicchins eutectic ksn135 lnickers2004 khurramraheel pro7ect wayneseymour thomas-kagiri mdabydeen watadarkstar trifid lcai1984 starmandeluxe davidvr1 enreeco answerto rtnpro dungdt88 celios ubermajestix pierredevittori rameshsoft skarthik85 objectif-top200 superrehtard william-masondigital cortona bhou imbhargav5 deansoft-lisa jimmplan ladystyx archiechen finaleaf r00t4bl3 yzs132 jvbbott maldivian-geek roee765 xyzelement bborst9 shikshik jortal

bootstrap-glyphicons's Issues

glyphicons-white is missing

This needs to be created and added to css classes

bower install

Would be awesome if I can install this package via bower.

Without icon-large

How can i use the additional glyphicons without using icon-large?

PNG isn't transparent :(

PNG isn't transparent :(

How to contribute?

Should we just fork it, edit the PNG in Photoshop and re-save? I assume there's no source PSD file?

How to use it

How to insert something on page? There are no any information about it on this repo page

Struggle to install this in rails3

Hi,

it is very unclear to me how to install this in rails3.
Bootstrap works fine with smaller icons.
I do a @import "bootstrap"; in my CSS

But then I don't know what to do with this bootstrap.icon-large CSS
I tried to import it as well, to no avail, and placing the CSS and PNG files in my public/assets doesn't help either.
I tried rake assets:precompile, but the icons remain stubbornly invisible.
I think some instructions are lacking for installing this with rails3 with assets pipeline...

Any help would be appreciated

Unable to view my icon icon-cogwheels

i did as it is but unable to view my icon-cogwheels icon rest all are working fine

Can't resize with css font-size

To change the size of an icon I normally use font-size. This works with the regular glyphicons in bootstrap, however it does not work with icon-large icons.

Is there another way to do this?

Thanks Miro

glyphicons.png should have a transparent background

The sprite has a white background.

Use Less

Use and provide Less version for compiling style sheets.

https://github.com/twitter/bootstrap/blob/master/less/sprites.less

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.