Skip to content

Instantly share code, notes, and snippets.

@zemirco

zemirco/gist:5467583

Created April 26, 2013 14:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zemirco/5467583 to your computer and use it in GitHub Desktop.
Save zemirco/5467583 to your computer and use it in GitHub Desktop.
Download ZIP
Twitter Bootstrap overwrite Express images folder
Raw
gistfile1.css
[class^="icon-"],[class*=" icon-"] {
background-image:url("../images/glyphicons-halflings.png");
}
.icon-white,
.nav-pills>.active>a>[class^="icon-"],
.nav-pills>.active>a>[class*=" icon-"],
.nav-list>.active>a>[class^="icon-"],
.nav-list>.active>a>[class*=" icon-"],
.navbar-inverse .nav>.active>a>[class^="icon-"],
.navbar-inverse .nav>.active>a>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^="icon-"],
.dropdown-menu>li>a:focus>[class^="icon-"],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>li>a:focus>[class*=" icon-"],
.dropdown-menu>.active>a>[class^="icon-"],
.dropdown-menu>.active>a>[class*=" icon-"],
.dropdown-submenu:hover>a>[class^="icon-"],
.dropdown-submenu:focus>a>[class^="icon-"],
.dropdown-submenu:hover>a>[class*=" icon-"],
.dropdown-submenu:focus>a>[class*=" icon-"] {
background-image:url("../images/glyphicons-halflings-white.png")
}
@zemirco
Copy link
Author

zemirco commented Apr 26, 2013

Bootstrap uses

css/
img/
js/

Express.js uses

images/
javascripts/
stylesheets/

Download Bootstrap and copy the files into the folders generated by Express.js. Then add the above code to your CSS to point to the correct folder with the icons.

Have fun!

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