Skip to content

Instantly share code, notes, and snippets.

@zemirco
Created April 26, 2013 14:03
Show Gist options
  • Save zemirco/5467583 to your computer and use it in GitHub Desktop.
Save zemirco/5467583 to your computer and use it in GitHub Desktop.
Twitter Bootstrap overwrite Express images folder
[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