Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
bootstrap 3 full class list
Here are all the classes from Bootstrap 3 (version 3.1.1).
Method of extraction:
1. Download Bootstrap 3 and rename bootstrap.css as "bootstrap.html"
2. Add the following 24 lines of code to the very bottom of the bootstrap.html file:
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script>
$("script").empty(); //use jQuery remove script element text before analysis
var bootstrapCSS = $("body").text(); //grab all text on the page (all bootstrap css)
bootstrapCSS = bootstrapCSS.replace(
/(\/\*([^*]|[\r\n]|(\*+([^*\/]|[\r\n])))*\*+\/)|(\/\/.*)/g, ""
); // remove comments from the css
bootstrapCSS = bootstrapCSS.replace(
/(@media.*\{)/g, ""
); // remove media query lines up to and including first open brace
bootstrapCSS = bootstrapCSS.replace(
/(\{[^}]+\})/g, ""
); // remove all css in between braces
var res = bootstrapCSS.match(
/([\.][\w]+([-][\w]*)*)/g
); // match .classnames with any number of dashes
res = _.uniq(res); //use lo-dash uniq() method to pull out duplicates
res = res.sort(); //sort alphabetically (not case sensitive, but no real need)
$("body").empty(); //empty the page before redisplay
for (var i = 0; i < res.length; i++) {
$("body").append(res[i]+"<br>"); //append each unique class name back to DOM
}
</script>
3. Open the bootstrap.html file in a modern browser (tested in Chrome).
.active
.affix
.alert
.alert-danger
.alert-dismissable
.alert-info
.alert-link
.alert-success
.alert-warning
.arrow
.badge
.bg-danger
.bg-info
.bg-primary
.bg-success
.bg-warning
.blockquote-reverse
.bottom
.bottom-left
.bottom-right
.breadcrumb
.btn
.btn-block
.btn-danger
.btn-default
.btn-group
.btn-group-justified
.btn-group-lg
.btn-group-sm
.btn-group-vertical
.btn-group-xs
.btn-info
.btn-lg
.btn-link
.btn-primary
.btn-sm
.btn-success
.btn-toolbar
.btn-warning
.btn-xs
.caption
.caret
.carousel
.carousel-caption
.carousel-control
.carousel-indicators
.carousel-inner
.center-block
.checkbox
.checkbox-inline
.clearfix
.close
.col-lg-1
.col-lg-10
.col-lg-11
.col-lg-12
.col-lg-2
.col-lg-3
.col-lg-4
.col-lg-5
.col-lg-6
.col-lg-7
.col-lg-8
.col-lg-9
.col-lg-offset-0
.col-lg-offset-1
.col-lg-offset-10
.col-lg-offset-11
.col-lg-offset-12
.col-lg-offset-2
.col-lg-offset-3
.col-lg-offset-4
.col-lg-offset-5
.col-lg-offset-6
.col-lg-offset-7
.col-lg-offset-8
.col-lg-offset-9
.col-lg-pull-0
.col-lg-pull-1
.col-lg-pull-10
.col-lg-pull-11
.col-lg-pull-12
.col-lg-pull-2
.col-lg-pull-3
.col-lg-pull-4
.col-lg-pull-5
.col-lg-pull-6
.col-lg-pull-7
.col-lg-pull-8
.col-lg-pull-9
.col-lg-push-0
.col-lg-push-1
.col-lg-push-10
.col-lg-push-11
.col-lg-push-12
.col-lg-push-2
.col-lg-push-3
.col-lg-push-4
.col-lg-push-5
.col-lg-push-6
.col-lg-push-7
.col-lg-push-8
.col-lg-push-9
.col-md-1
.col-md-10
.col-md-11
.col-md-12
.col-md-2
.col-md-3
.col-md-4
.col-md-5
.col-md-6
.col-md-7
.col-md-8
.col-md-9
.col-md-offset-0
.col-md-offset-1
.col-md-offset-10
.col-md-offset-11
.col-md-offset-12
.col-md-offset-2
.col-md-offset-3
.col-md-offset-4
.col-md-offset-5
.col-md-offset-6
.col-md-offset-7
.col-md-offset-8
.col-md-offset-9
.col-md-pull-0
.col-md-pull-1
.col-md-pull-10
.col-md-pull-11
.col-md-pull-12
.col-md-pull-2
.col-md-pull-3
.col-md-pull-4
.col-md-pull-5
.col-md-pull-6
.col-md-pull-7
.col-md-pull-8
.col-md-pull-9
.col-md-push-0
.col-md-push-1
.col-md-push-10
.col-md-push-11
.col-md-push-12
.col-md-push-2
.col-md-push-3
.col-md-push-4
.col-md-push-5
.col-md-push-6
.col-md-push-7
.col-md-push-8
.col-md-push-9
.col-sm-1
.col-sm-10
.col-sm-11
.col-sm-12
.col-sm-2
.col-sm-3
.col-sm-4
.col-sm-5
.col-sm-6
.col-sm-7
.col-sm-8
.col-sm-9
.col-sm-offset-0
.col-sm-offset-1
.col-sm-offset-10
.col-sm-offset-11
.col-sm-offset-12
.col-sm-offset-2
.col-sm-offset-3
.col-sm-offset-4
.col-sm-offset-5
.col-sm-offset-6
.col-sm-offset-7
.col-sm-offset-8
.col-sm-offset-9
.col-sm-pull-0
.col-sm-pull-1
.col-sm-pull-10
.col-sm-pull-11
.col-sm-pull-12
.col-sm-pull-2
.col-sm-pull-3
.col-sm-pull-4
.col-sm-pull-5
.col-sm-pull-6
.col-sm-pull-7
.col-sm-pull-8
.col-sm-pull-9
.col-sm-push-0
.col-sm-push-1
.col-sm-push-10
.col-sm-push-11
.col-sm-push-12
.col-sm-push-2
.col-sm-push-3
.col-sm-push-4
.col-sm-push-5
.col-sm-push-6
.col-sm-push-7
.col-sm-push-8
.col-sm-push-9
.col-xs-1
.col-xs-10
.col-xs-11
.col-xs-12
.col-xs-2
.col-xs-3
.col-xs-4
.col-xs-5
.col-xs-6
.col-xs-7
.col-xs-8
.col-xs-9
.col-xs-offset-0
.col-xs-offset-1
.col-xs-offset-10
.col-xs-offset-11
.col-xs-offset-12
.col-xs-offset-2
.col-xs-offset-3
.col-xs-offset-4
.col-xs-offset-5
.col-xs-offset-6
.col-xs-offset-7
.col-xs-offset-8
.col-xs-offset-9
.col-xs-pull-0
.col-xs-pull-1
.col-xs-pull-10
.col-xs-pull-11
.col-xs-pull-12
.col-xs-pull-2
.col-xs-pull-3
.col-xs-pull-4
.col-xs-pull-5
.col-xs-pull-6
.col-xs-pull-7
.col-xs-pull-8
.col-xs-pull-9
.col-xs-push-0
.col-xs-push-1
.col-xs-push-10
.col-xs-push-11
.col-xs-push-12
.col-xs-push-2
.col-xs-push-3
.col-xs-push-4
.col-xs-push-5
.col-xs-push-6
.col-xs-push-7
.col-xs-push-8
.col-xs-push-9
.collapse
.collapsing
.container
.container-fluid
.control-label
.danger
.disabled
.divider
.dl-horizontal
.dropdown
.dropdown-backdrop
.dropdown-header
.dropdown-menu
.dropdown-menu-left
.dropdown-menu-right
.dropdown-toggle
.dropup
.fade
.form-control
.form-control-feedback
.form-control-static
.form-group
.form-horizontal
.form-inline
.glyphicon
.glyphicon-adjust
.glyphicon-align-center
.glyphicon-align-justify
.glyphicon-align-left
.glyphicon-align-right
.glyphicon-arrow-down
.glyphicon-arrow-left
.glyphicon-arrow-right
.glyphicon-arrow-up
.glyphicon-asterisk
.glyphicon-backward
.glyphicon-ban-circle
.glyphicon-barcode
.glyphicon-bell
.glyphicon-bold
.glyphicon-book
.glyphicon-bookmark
.glyphicon-briefcase
.glyphicon-bullhorn
.glyphicon-calendar
.glyphicon-camera
.glyphicon-certificate
.glyphicon-check
.glyphicon-chevron-down
.glyphicon-chevron-left
.glyphicon-chevron-right
.glyphicon-chevron-up
.glyphicon-circle-arrow-down
.glyphicon-circle-arrow-left
.glyphicon-circle-arrow-right
.glyphicon-circle-arrow-up
.glyphicon-cloud
.glyphicon-cloud-download
.glyphicon-cloud-upload
.glyphicon-cog
.glyphicon-collapse-down
.glyphicon-collapse-up
.glyphicon-comment
.glyphicon-compressed
.glyphicon-copyright-mark
.glyphicon-credit-card
.glyphicon-cutlery
.glyphicon-dashboard
.glyphicon-download
.glyphicon-download-alt
.glyphicon-earphone
.glyphicon-edit
.glyphicon-eject
.glyphicon-envelope
.glyphicon-euro
.glyphicon-exclamation-sign
.glyphicon-expand
.glyphicon-export
.glyphicon-eye-close
.glyphicon-eye-open
.glyphicon-facetime-video
.glyphicon-fast-backward
.glyphicon-fast-forward
.glyphicon-file
.glyphicon-film
.glyphicon-filter
.glyphicon-fire
.glyphicon-flag
.glyphicon-flash
.glyphicon-floppy-disk
.glyphicon-floppy-open
.glyphicon-floppy-remove
.glyphicon-floppy-save
.glyphicon-floppy-saved
.glyphicon-folder-close
.glyphicon-folder-open
.glyphicon-font
.glyphicon-forward
.glyphicon-fullscreen
.glyphicon-gbp
.glyphicon-gift
.glyphicon-glass
.glyphicon-globe
.glyphicon-hand-down
.glyphicon-hand-left
.glyphicon-hand-right
.glyphicon-hand-up
.glyphicon-hd-video
.glyphicon-hdd
.glyphicon-header
.glyphicon-headphones
.glyphicon-heart
.glyphicon-heart-empty
.glyphicon-home
.glyphicon-import
.glyphicon-inbox
.glyphicon-indent-left
.glyphicon-indent-right
.glyphicon-info-sign
.glyphicon-italic
.glyphicon-leaf
.glyphicon-link
.glyphicon-list
.glyphicon-list-alt
.glyphicon-lock
.glyphicon-log-in
.glyphicon-log-out
.glyphicon-magnet
.glyphicon-map-marker
.glyphicon-minus
.glyphicon-minus-sign
.glyphicon-move
.glyphicon-music
.glyphicon-new-window
.glyphicon-off
.glyphicon-ok
.glyphicon-ok-circle
.glyphicon-ok-sign
.glyphicon-open
.glyphicon-paperclip
.glyphicon-pause
.glyphicon-pencil
.glyphicon-phone
.glyphicon-phone-alt
.glyphicon-picture
.glyphicon-plane
.glyphicon-play
.glyphicon-play-circle
.glyphicon-plus
.glyphicon-plus-sign
.glyphicon-print
.glyphicon-pushpin
.glyphicon-qrcode
.glyphicon-question-sign
.glyphicon-random
.glyphicon-record
.glyphicon-refresh
.glyphicon-registration-mark
.glyphicon-remove
.glyphicon-remove-circle
.glyphicon-remove-sign
.glyphicon-repeat
.glyphicon-resize-full
.glyphicon-resize-horizontal
.glyphicon-resize-small
.glyphicon-resize-vertical
.glyphicon-retweet
.glyphicon-road
.glyphicon-save
.glyphicon-saved
.glyphicon-screenshot
.glyphicon-sd-video
.glyphicon-search
.glyphicon-send
.glyphicon-share
.glyphicon-share-alt
.glyphicon-shopping-cart
.glyphicon-signal
.glyphicon-sort
.glyphicon-sort-by-alphabet
.glyphicon-sort-by-alphabet-alt
.glyphicon-sort-by-attributes
.glyphicon-sort-by-attributes-alt
.glyphicon-sort-by-order
.glyphicon-sort-by-order-alt
.glyphicon-sound-5-1
.glyphicon-sound-6-1
.glyphicon-sound-7-1
.glyphicon-sound-dolby
.glyphicon-sound-stereo
.glyphicon-star
.glyphicon-star-empty
.glyphicon-stats
.glyphicon-step-backward
.glyphicon-step-forward
.glyphicon-stop
.glyphicon-subtitles
.glyphicon-tag
.glyphicon-tags
.glyphicon-tasks
.glyphicon-text-height
.glyphicon-text-width
.glyphicon-th
.glyphicon-th-large
.glyphicon-th-list
.glyphicon-thumbs-down
.glyphicon-thumbs-up
.glyphicon-time
.glyphicon-tint
.glyphicon-tower
.glyphicon-transfer
.glyphicon-trash
.glyphicon-tree-conifer
.glyphicon-tree-deciduous
.glyphicon-unchecked
.glyphicon-upload
.glyphicon-usd
.glyphicon-user
.glyphicon-volume-down
.glyphicon-volume-off
.glyphicon-volume-up
.glyphicon-warning-sign
.glyphicon-wrench
.glyphicon-zoom-in
.glyphicon-zoom-out
.h1
.h2
.h3
.h4
.h5
.h6
.has-error
.has-feedback
.has-success
.has-warning
.help-block
.hidden
.hidden-lg
.hidden-md
.hidden-print
.hidden-sm
.hidden-xs
.hide
.icon-bar
.icon-next
.icon-prev
.img-circle
.img-responsive
.img-rounded
.img-thumbnail
.in
.info
.initialism
.input-group
.input-group-addon
.input-group-btn
.input-group-lg
.input-group-sm
.input-lg
.input-sm
.invisible
.item
.jumbotron
.label
.label-danger
.label-default
.label-info
.label-primary
.label-success
.label-warning
.lead
.left
.list-group
.list-group-item
.list-group-item-danger
.list-group-item-heading
.list-group-item-info
.list-group-item-success
.list-group-item-text
.list-group-item-warning
.list-inline
.list-unstyled
.media
.media-body
.media-heading
.media-list
.media-object
.modal
.modal-backdrop
.modal-body
.modal-content
.modal-dialog
.modal-footer
.modal-header
.modal-lg
.modal-open
.modal-sm
.modal-title
.nav
.nav-divider
.nav-justified
.nav-pills
.nav-stacked
.nav-tabs
.nav-tabs-justified
.navbar
.navbar-brand
.navbar-btn
.navbar-collapse
.navbar-default
.navbar-fixed-bottom
.navbar-fixed-top
.navbar-form
.navbar-header
.navbar-inverse
.navbar-left
.navbar-link
.navbar-nav
.navbar-right
.navbar-static-top
.navbar-text
.navbar-toggle
.next
.open
.page-header
.pager
.pagination
.pagination-lg
.pagination-sm
.panel
.panel-body
.panel-collapse
.panel-danger
.panel-default
.panel-footer
.panel-group
.panel-heading
.panel-info
.panel-primary
.panel-success
.panel-title
.panel-warning
.popover
.popover-content
.popover-title
.pre-scrollable
.prev
.previous
.progress
.progress-bar
.progress-bar-danger
.progress-bar-info
.progress-bar-success
.progress-bar-warning
.progress-striped
.pull-left
.pull-right
.radio
.radio-inline
.right
.row
.show
.small
.sr-only
.success
.tab-content
.tab-pane
.table
.table-bordered
.table-condensed
.table-hover
.table-responsive
.table-striped
.text-center
.text-danger
.text-hide
.text-info
.text-justify
.text-left
.text-muted
.text-primary
.text-right
.text-success
.text-warning
.thumbnail
.tooltip
.tooltip-arrow
.tooltip-inner
.top
.top-left
.top-right
.visible-lg
.visible-md
.visible-print
.visible-sm
.visible-xs
.warning
.well
.well-lg
.well-sm
@JuwelKhan
Copy link

JuwelKhan commented Feb 24, 2015

Good Job !

@okonomiyaki3000
Copy link

okonomiyaki3000 commented Mar 19, 2015

👍

@invincible007
Copy link

invincible007 commented Mar 23, 2015

thats a great thing...save hell lot of time digging

@KubaBest
Copy link

KubaBest commented Apr 9, 2015

Well done

@mbk23
Copy link

mbk23 commented Jun 2, 2015

Yes, thanks for this!

Copy link

ghost commented Jul 13, 2015

Thank you! This is really useful! 👍 👍 👍 👍 👍

@neatlife
Copy link

neatlife commented Aug 14, 2015

good job!

@JacobLett
Copy link

JacobLett commented Feb 8, 2016

I created a desk reference pdf and a sortable table with descriptions to help sort through the list. You can find it here. https://bootstrapcreative.com/resources/bootstrap-3-css-classes-index/

@mverrilli
Copy link

mverrilli commented Apr 30, 2016

@JacobLett Thanks!! Just what I needed.

@alexb5985
Copy link

alexb5985 commented Mar 27, 2017

Great

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