为 Twitter Bootstrap 增添设置自定义图标

感谢 famfamfam 提供的漂亮的图标。如果你想创建你自己的图标集,返回文章 查看教程

使用方法:

  1. 引入 custom.css 以及相关的 sprite image 雪碧图。
  2. 如果需要,修改 CSS 文件中的图片引用路径。
  3. 与 bootstrap 默认 icon-xxx 用法类似,使用 cus-xxx 来插入一个图标。
    例如: <button class="btn btn-danger"><i class="cus-exclamation"></i> 警告</button>

图标引用名称参考

cus-application-view-list cus-database-go cus-tag-blue-delete cus-application-view-columns cus-calculator-delete cus-wrench cus-page-key cus-date cus-bell-error cus-building-edit cus-table-row-insert cus-palette cus-application-tile-horizontal cus-emoticon-tongue cus-database-lightning cus-picture cus-application-view-icons cus-folder-camera cus-text-padding-right cus-image-link cus-error-add cus-tux cus-page-attach cus-group-delete cus-plugin-disabled cus-application-view-tile cus-chart-bar-add cus-chart-pie-add cus-chart-pie-link cus-database-save cus-bullet-orange cus-layout-error cus-control-play-blue cus-transmit-blue cus-cart-error cus-control-repeat-blue cus-page-lightning cus-folder-page cus-application-form-delete cus-map-add cus-bullet-red cus-bullet-black cus-calendar-view-day cus-add cus-error cus-group-go cus-page-white-key cus-user-add cus-page cus-cart-add cus-chart-curve-link cus-pill-add cus-comments-add cus-page-white-find cus-page-find cus-database-refresh cus-book-error cus-application-osx-terminal cus-bricks cus-page-white cus-pill cus-user-orange cus-overlays cus-application-get cus-arrow-redo cus-vcard-delete cus-comments cus-database-table cus-page-white-ruby cus-calendar-link cus-table-multiple cus-email cus-application-add cus-application-delete cus-resultset-previous cus-bin-empty cus-report cus-building-go cus-picture-go cus-application-form-magnify cus-status-online cus-chart-curve-delete cus-book-delete cus-page-white-wrench cus-feed-disk cus-report-add cus-user-gray cus-book-next cus-building-link cus-date-delete cus-accept cus-female cus-link-delete cus-world cus-map cus-arrow-up cus-table-go cus-arrow-turn-left cus-email-attach cus-lock-delete cus-database-add cus-group-key cus-folder-error cus-image-edit cus-arrow-branch cus-exclamation cus-database-gear cus-creditcards cus-chart-pie-edit cus-picture-save cus-feed-error cus-asterisk-orange cus-bullet-star cus-textfield-key cus-building-delete cus-folder-user cus-help cus-picture-empty cus-page-white-picture cus-lock-open cus-cart-put cus-time-go cus-page-paintbrush cus-user cus-time cus-pill-delete cus-cart-delete cus-date-add cus-pill-go cus-calendar-view-month cus-application-form cus-chart-curve-edit cus-sitemap cus-book-key cus-calendar-edit cus-chart-bar cus-chart-organisation-add cus-application-cascade cus-database-connect cus-emoticon-surprised cus-application-side-contract cus-arrow-rotate-clockwise cus-door cus-plugin-add cus-cog cus-page-white-magnify cus-male cus-printer cus-control-repeat cus-compress cus-bomb cus-disk cus-lightbulb-delete cus-lock cus-application-put cus-page-white-c cus-page-white-php cus-feed-add cus-link-break cus-lock-add cus-film-go cus-report-edit cus-cart-edit cus-tag-blue-edit cus-chart-bar-error cus-report-delete cus-picture-key cus-find cus-folder-find cus-pilcrow cus-chart-bar-delete cus-bell-go cus-printer-add cus-arrow-undo cus-layout-edit cus-error-go cus-building cus-chart-line cus-house-go cus-page-white-horizontal cus-email-open-image cus-bullet-feed cus-film-add cus-text-linespacing cus-map-go cus-application-side-tree cus-heart-add cus-new cus-email-link cus-pencil-add cus-bullet-arrow-top cus-book-edit cus-plugin cus-cancel cus-application-edit cus-page-white-stack cus-map-magnify cus-plugin-link cus-printer-empty cus-paste-word cus-lightning-delete cus-link-edit cus-arrow-divide cus-email-add cus-database-delete cus-bullet-white cus-bullet-arrow-down cus-calendar-view-week cus-application-home cus-color-swatch cus-bullet-arrow-up cus-feed-magnify cus-table-sort cus-page-delete cus-control-end cus-page-white-width cus-page-white-csharp cus-database-edit cus-building-error cus-picture-link cus-text-padding-left cus-arrow-right cus-cross cus-time-delete cus-page-refresh cus-emoticon-wink cus-application-view-detail cus-bullet-pink cus-pictures cus-report-word cus-application-xp-terminal cus-chart-curve-error cus-date-error cus-report-link cus-heart-delete cus-table-key cus-chart-line-add cus-building-key cus-folder-brick cus-bin-closed cus-chart-pie cus-timeline-marker cus-bullet-delete cus-comment-delete cus-bullet-key cus-page-white-powerpoint cus-magifier-zoom-out cus-layout-link cus-group cus-textfield-rename cus-cart-go cus-page-white-swoosh cus-folder-wrench cus-paintcan cus-page-white-compressed cus-folder-add cus-control-equalizer-blue cus-hourglass cus-book-link cus-application-side-list cus-email-edit cus-page-white-cd cus-hourglass-add cus-user-delete cus-application-tile-vertical cus-world-go cus-newspaper cus-arrow-refresh-small cus-key-go cus-plugin-edit cus-tag-pink cus-table-error cus-chart-curve-add cus-flag-pink cus-tag-yellow cus-application-link cus-page-white-camera cus-arrow-merge cus-email-delete cus-book-previous cus-tag-purple cus-page-red cus-cut-red cus-page-white-lightning cus-application-split cus-text-columns cus-flag-orange cus-chart-line-error cus-cake cus-control-eject-blue cus-chart-organisation-delete cus-folder cus-bullet-picture cus-report-go cus-database-link cus-picture-edit cus-flag-yellow cus-table-add cus-image-delete cus-calculator-error cus-tag-blue cus-cog-edit cus-folder-page-white cus-emoticon-grin cus-vcard-edit cus-bullet-error cus-flag-blue cus-page-green cus-building-add cus-folder-table cus-page-excel cus-map-delete cus-table-link cus-images cus-page-white-text-width cus-comment-add cus-book-open cus-folder-database cus-group-edit cus-comment-edit cus-rainbow cus-arrow-switch cus-control-start-blue cus-text-padding-top cus-calendar-add cus-folder-key cus-book-addresses cus-lightning-add cus-feed-delete cus-film cus-page-white-medal cus-page-white-h cus-tag-orange cus-table-lightning cus-folder-edit cus-user-red cus-comments-delete cus-world-delete cus-flag-purple cus-feed-link cus-page-save cus-bullet-add cus-layout-delete cus-page-white-office cus-control-fastforward-blue cus-bell cus-bullet-toggle-minus cus-user-edit cus-layout-add cus-folder-bell cus-chart-bar-link cus-feed-go cus-page-white-database cus-email-go cus-chart-line-link cus-application cus-flag-red cus-flag-green cus-zoom-out cus-cart cus-date-previous cus-lightbulb-add cus-cog-add cus-key-add cus-page-white-visualstudio cus-application-view-gallery cus-arrow-left cus-magnifier cus-picture-error cus-user-comment cus-film-link cus-image-add cus-page-white-zip cus-zoom cus-vcard-add cus-layers cus-page-white-error cus-chart-organisation cus-picture-add cus-folder-star cus-tag-green cus-layout-sidebar cus-page-white-vector cus-music cus-thumb-up cus-email-error cus-control-stop-blue cus-user-green cus-chart-curve-go cus-date-next cus-group-error cus-star cus-lock-go cus-page-copy cus-resultset-first cus-email-open cus-page-paste cus-door-in cus-page-white-cplusplus cus-group-link cus-page-white-copy cus-lightbulb-off cus-text-align-justify cus-chart-line-delete cus-table-edit cus-application-double cus-film-key cus-page-white-gear cus-application-form-edit cus-bullet-blue cus-arrow-turn-right cus-chart-pie-error cus-page-white-world cus-page-gear cus-table-row-delete cus-link cus-bell-delete cus-feed-edit cus-textfield cus-clock cus-application-osx cus-bullet-arrow-bottom cus-text-padding-bottom cus-folder-link cus-key-delete cus-calculator-add cus-delete cus-application-side-expand cus-chart-bar-edit cus-bullet-disk cus-time-add cus-tag cus-bell-link cus-page-white-delete cus-arrow-down cus-control-pause-blue cus-control-rewind cus-page-white-freehand cus-database-error cus-magnifier-zoom-in cus-plugin-go cus-chart-line-edit cus-door-out cus-page-white-flash cus-calendar-delete cus-table-relationship cus-bullet-toggle-plus cus-folder-explore cus-page-white-text cus-control-fastforward cus-table cus-picture-delete cus-control-rewind-blue cus-film-edit cus-lightning-go cus-link-go cus-cart-remove cus-transmit cus-feed cus-status-offline cus-emoticon-happy cus-table-delete cus-tick cus-page-white-word cus-vcard cus-arrow-inout cus-link-error cus-application-lightning cus-folder-feed cus-page-word cus-folder-delete cus-zoom-in cus-page-white-code-red cus-application-error cus-bin cus-plugin-delete cus-application-form-add cus-calculator-edit cus-report-key cus-control-end-blue cus-bullet-wrench cus-page-white-actionscript cus-heart cus-folder-picture cus-folder-palette cus-film-error cus-eye cus-cut cus-textfield-add cus-paste-plain cus-folder-lightbulb cus-cog-delete cus-hourglass-delete cus-error-delete cus-folder-magnify cus-cog-go cus-page-error cus-database-key cus-information cus-group-add cus-bullet-green cus-page-white-cup cus-page-white-dvd cus-pencil cus-control-equalizer cus-resultset-last cus-date-edit cus-arrow-rotate-anticlockwise cus-table-gear cus-folder-image cus-book-add cus-page-white-put cus-layout-content cus-status-busy cus-link-add cus-lightbulb cus-connect cus-layout-header cus-pencil-go cus-color-wheel cus-emoticon-waii cus-asterisk-yellow cus-table-refresh cus-page-white-excel cus-door-open cus-bell-add cus-page-white-go cus-disk-multiple cus-book-go cus-feed-key cus-control-eject cus-sitemap-color cus-world-edit cus-application-xp cus-application-side-boxes cus-page-edit cus-comment cus-folder-bug cus-page-white-edit cus-rosette cus-date-magnify cus-page-white-coldfusion cus-box cus-control-play cus-arrow-refresh cus-folder-go cus-lock-edit cus-stop cus-bullet-go cus-page-white-paint cus-database cus-house-link cus-map-edit cus-page-add cus-calculator-link cus-control-pause cus-lightning cus-arrow-join cus-hourglass-go cus-arrow-out cus-briefcase cus-image cus-printer-delete cus-arrow-in cus-application-go cus-wrench-orange cus-film-save cus-page-white-tux cus-world-add cus-user-suit cus-calendar cus-chart-curve cus-paintbrush cus-pencil-delete cus-layout cus-plugin-error cus-date-go cus-control-stop cus-group-gear cus-cog-error cus-report-disk cus-page-white-star cus-tag-blue-add cus-page-go cus-date-link cus-hourglass-link cus-tag-red cus-report-magnify cus-key cus-page-white-get cus-table-save cus-disconnect cus-book cus-bullet-yellow cus-chart-pie-delete cus-page-white-add cus-resultset-next cus-page-white-paste cus-cursor cus-report-picture cus-page-world cus-page-white-code cus-anchor cus-thumb-down cus-page-code cus-bullet-purple cus-lock-break cus-printer-error cus-emoticon-evilgrin cus-status-away cus-calculator cus-report-user cus-page-white-acrobat cus-house cus-emoticon-unhappy cus-page-white-link cus-film-delete cus-control-start cus-user-female cus-page-white-paintbrush cus-application-key cus-world-link cus-folder-heart cus-page-link cus-attach cus-emoticon-smile cus-user-go