Sunday, 22 June 2014

Here are all the classes from Bootstrap 3

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).
  1. .active
  2. .affix
  3. .alert
  4. .alert-danger
  5. .alert-dismissable
  6. .alert-info
  7. .alert-link
  8. .alert-success
  9. .alert-warning
  10. .arrow
  11. .badge
  12. .bg-danger
  13. .bg-info
  14. .bg-primary
  15. .bg-success
  16. .bg-warning
  17. .blockquote-reverse
  18. .bottom
  19. .bottom-left
  20. .bottom-right
  21. .breadcrumb
  22. .btn
  23. .btn-block
  24. .btn-danger
  25. .btn-default
  26. .btn-group
  27. .btn-group-justified
  28. .btn-group-lg
  29. .btn-group-sm
  30. .btn-group-vertical
  31. .btn-group-xs
  32. .btn-info
  33. .btn-lg
  34. .btn-link
  35. .btn-primary
  36. .btn-sm
  37. .btn-success
  38. .btn-toolbar
  39. .btn-warning
  40. .btn-xs
  41. .caption
  42. .caret
  43. .carousel
  44. .carousel-caption
  45. .carousel-control
  46. .carousel-indicators
  47. .carousel-inner
  48. .center-block
  49. .checkbox
  50. .checkbox-inline
  51. .clearfix
  52. .close
  53. .col-lg-1
  54. .col-lg-10
  55. .col-lg-11
  56. .col-lg-12
  57. .col-lg-2
  58. .col-lg-3
  59. .col-lg-4
  60. .col-lg-5
  61. .col-lg-6
  62. .col-lg-7
  63. .col-lg-8
  64. .col-lg-9
  65. .col-lg-offset-0
  66. .col-lg-offset-1
  67. .col-lg-offset-10
  68. .col-lg-offset-11
  69. .col-lg-offset-12
  70. .col-lg-offset-2
  71. .col-lg-offset-3
  72. .col-lg-offset-4
  73. .col-lg-offset-5
  74. .col-lg-offset-6
  75. .col-lg-offset-7
  76. .col-lg-offset-8
  77. .col-lg-offset-9
  78. .col-lg-pull-0
  79. .col-lg-pull-1
  80. .col-lg-pull-10
  81. .col-lg-pull-11
  82. .col-lg-pull-12
  83. .col-lg-pull-2
  84. .col-lg-pull-3
  85. .col-lg-pull-4
  86. .col-lg-pull-5
  87. .col-lg-pull-6
  88. .col-lg-pull-7
  89. .col-lg-pull-8
  90. .col-lg-pull-9
  91. .col-lg-push-0
  92. .col-lg-push-1
  93. .col-lg-push-10
  94. .col-lg-push-11
  95. .col-lg-push-12
  96. .col-lg-push-2
  97. .col-lg-push-3
  98. .col-lg-push-4
  99. .col-lg-push-5
  100. .col-lg-push-6
  101. .col-lg-push-7
  102. .col-lg-push-8
  103. .col-lg-push-9
  104. .col-md-1
  105. .col-md-10
  106. .col-md-11
  107. .col-md-12
  108. .col-md-2
  109. .col-md-3
  110. .col-md-4
  111. .col-md-5
  112. .col-md-6
  113. .col-md-7
  114. .col-md-8
  115. .col-md-9
  116. .col-md-offset-0
  117. .col-md-offset-1
  118. .col-md-offset-10
  119. .col-md-offset-11
  120. .col-md-offset-12
  121. .col-md-offset-2
  122. .col-md-offset-3
  123. .col-md-offset-4
  124. .col-md-offset-5
  125. .col-md-offset-6
  126. .col-md-offset-7
  127. .col-md-offset-8
  128. .col-md-offset-9
  129. .col-md-pull-0
  130. .col-md-pull-1
  131. .col-md-pull-10
  132. .col-md-pull-11
  133. .col-md-pull-12
  134. .col-md-pull-2
  135. .col-md-pull-3
  136. .col-md-pull-4
  137. .col-md-pull-5
  138. .col-md-pull-6
  139. .col-md-pull-7
  140. .col-md-pull-8
  141. .col-md-pull-9
  142. .col-md-push-0
  143. .col-md-push-1
  144. .col-md-push-10
  145. .col-md-push-11
  146. .col-md-push-12
  147. .col-md-push-2
  148. .col-md-push-3
  149. .col-md-push-4
  150. .col-md-push-5
  151. .col-md-push-6
  152. .col-md-push-7
  153. .col-md-push-8
  154. .col-md-push-9
  155. .col-sm-1
  156. .col-sm-10
  157. .col-sm-11
  158. .col-sm-12
  159. .col-sm-2
  160. .col-sm-3
  161. .col-sm-4
  162. .col-sm-5
  163. .col-sm-6
  164. .col-sm-7
  165. .col-sm-8
  166. .col-sm-9
  167. .col-sm-offset-0
  168. .col-sm-offset-1
  169. .col-sm-offset-10
  170. .col-sm-offset-11
  171. .col-sm-offset-12
  172. .col-sm-offset-2
  173. .col-sm-offset-3
  174. .col-sm-offset-4
  175. .col-sm-offset-5
  176. .col-sm-offset-6
  177. .col-sm-offset-7
  178. .col-sm-offset-8
  179. .col-sm-offset-9
  180. .col-sm-pull-0
  181. .col-sm-pull-1
  182. .col-sm-pull-10
  183. .col-sm-pull-11
  184. .col-sm-pull-12
  185. .col-sm-pull-2
  186. .col-sm-pull-3
  187. .col-sm-pull-4
  188. .col-sm-pull-5
  189. .col-sm-pull-6
  190. .col-sm-pull-7
  191. .col-sm-pull-8
  192. .col-sm-pull-9
  193. .col-sm-push-0
  194. .col-sm-push-1
  195. .col-sm-push-10
  196. .col-sm-push-11
  197. .col-sm-push-12
  198. .col-sm-push-2
  199. .col-sm-push-3
  200. .col-sm-push-4
  201. .col-sm-push-5
  202. .col-sm-push-6
  203. .col-sm-push-7
  204. .col-sm-push-8
  205. .col-sm-push-9
  206. .col-xs-1
  207. .col-xs-10
  208. .col-xs-11
  209. .col-xs-12
  210. .col-xs-2
  211. .col-xs-3
  212. .col-xs-4
  213. .col-xs-5
  214. .col-xs-6
  215. .col-xs-7
  216. .col-xs-8
  217. .col-xs-9
  218. .col-xs-offset-0
  219. .col-xs-offset-1
  220. .col-xs-offset-10
  221. .col-xs-offset-11
  222. .col-xs-offset-12
  223. .col-xs-offset-2
  224. .col-xs-offset-3
  225. .col-xs-offset-4
  226. .col-xs-offset-5
  227. .col-xs-offset-6
  228. .col-xs-offset-7
  229. .col-xs-offset-8
  230. .col-xs-offset-9
  231. .col-xs-pull-0
  232. .col-xs-pull-1
  233. .col-xs-pull-10
  234. .col-xs-pull-11
  235. .col-xs-pull-12
  236. .col-xs-pull-2
  237. .col-xs-pull-3
  238. .col-xs-pull-4
  239. .col-xs-pull-5
  240. .col-xs-pull-6
  241. .col-xs-pull-7
  242. .col-xs-pull-8
  243. .col-xs-pull-9
  244. .col-xs-push-0
  245. .col-xs-push-1
  246. .col-xs-push-10
  247. .col-xs-push-11
  248. .col-xs-push-12
  249. .col-xs-push-2
  250. .col-xs-push-3
  251. .col-xs-push-4
  252. .col-xs-push-5
  253. .col-xs-push-6
  254. .col-xs-push-7
  255. .col-xs-push-8
  256. .col-xs-push-9
  257. .collapse
  258. .collapsing
  259. .container
  260. .container-fluid
  261. .control-label
  262. .danger
  263. .disabled
  264. .divider
  265. .dl-horizontal
  266. .dropdown
  267. .dropdown-backdrop
  268. .dropdown-header
  269. .dropdown-menu
  270. .dropdown-menu-left
  271. .dropdown-menu-right
  272. .dropdown-toggle
  273. .dropup
  274. .fade
  275. .form-control
  276. .form-control-feedback
  277. .form-control-static
  278. .form-group
  279. .form-horizontal
  280. .form-inline
  281. .glyphicon
  282. .glyphicon-adjust
  283. .glyphicon-align-center
  284. .glyphicon-align-justify
  285. .glyphicon-align-left
  286. .glyphicon-align-right
  287. .glyphicon-arrow-down
  288. .glyphicon-arrow-left
  289. .glyphicon-arrow-right
  290. .glyphicon-arrow-up
  291. .glyphicon-asterisk
  292. .glyphicon-backward
  293. .glyphicon-ban-circle
  294. .glyphicon-barcode
  295. .glyphicon-bell
  296. .glyphicon-bold
  297. .glyphicon-book
  298. .glyphicon-bookmark
  299. .glyphicon-briefcase
  300. .glyphicon-bullhorn
  301. .glyphicon-calendar
  302. .glyphicon-camera
  303. .glyphicon-certificate
  304. .glyphicon-check
  305. .glyphicon-chevron-down
  306. .glyphicon-chevron-left
  307. .glyphicon-chevron-right
  308. .glyphicon-chevron-up
  309. .glyphicon-circle-arrow-down
  310. .glyphicon-circle-arrow-left
  311. .glyphicon-circle-arrow-right
  312. .glyphicon-circle-arrow-up
  313. .glyphicon-cloud
  314. .glyphicon-cloud-download
  315. .glyphicon-cloud-upload
  316. .glyphicon-cog
  317. .glyphicon-collapse-down
  318. .glyphicon-collapse-up
  319. .glyphicon-comment
  320. .glyphicon-compressed
  321. .glyphicon-copyright-mark
  322. .glyphicon-credit-card
  323. .glyphicon-cutlery
  324. .glyphicon-dashboard
  325. .glyphicon-download
  326. .glyphicon-download-alt
  327. .glyphicon-earphone
  328. .glyphicon-edit
  329. .glyphicon-eject
  330. .glyphicon-envelope
  331. .glyphicon-euro
  332. .glyphicon-exclamation-sign
  333. .glyphicon-expand
  334. .glyphicon-export
  335. .glyphicon-eye-close
  336. .glyphicon-eye-open
  337. .glyphicon-facetime-video
  338. .glyphicon-fast-backward
  339. .glyphicon-fast-forward
  340. .glyphicon-file
  341. .glyphicon-film
  342. .glyphicon-filter
  343. .glyphicon-fire
  344. .glyphicon-flag
  345. .glyphicon-flash
  346. .glyphicon-floppy-disk
  347. .glyphicon-floppy-open
  348. .glyphicon-floppy-remove
  349. .glyphicon-floppy-save
  350. .glyphicon-floppy-saved
  351. .glyphicon-folder-close
  352. .glyphicon-folder-open
  353. .glyphicon-font
  354. .glyphicon-forward
  355. .glyphicon-fullscreen
  356. .glyphicon-gbp
  357. .glyphicon-gift
  358. .glyphicon-glass
  359. .glyphicon-globe
  360. .glyphicon-hand-down
  361. .glyphicon-hand-left
  362. .glyphicon-hand-right
  363. .glyphicon-hand-up
  364. .glyphicon-hd-video
  365. .glyphicon-hdd
  366. .glyphicon-header
  367. .glyphicon-headphones
  368. .glyphicon-heart
  369. .glyphicon-heart-empty
  370. .glyphicon-home
  371. .glyphicon-import
  372. .glyphicon-inbox
  373. .glyphicon-indent-left
  374. .glyphicon-indent-right
  375. .glyphicon-info-sign
  376. .glyphicon-italic
  377. .glyphicon-leaf
  378. .glyphicon-link
  379. .glyphicon-list
  380. .glyphicon-list-alt
  381. .glyphicon-lock
  382. .glyphicon-log-in
  383. .glyphicon-log-out
  384. .glyphicon-magnet
  385. .glyphicon-map-marker
  386. .glyphicon-minus
  387. .glyphicon-minus-sign
  388. .glyphicon-move
  389. .glyphicon-music
  390. .glyphicon-new-window
  391. .glyphicon-off
  392. .glyphicon-ok
  393. .glyphicon-ok-circle
  394. .glyphicon-ok-sign
  395. .glyphicon-open
  396. .glyphicon-paperclip
  397. .glyphicon-pause
  398. .glyphicon-pencil
  399. .glyphicon-phone
  400. .glyphicon-phone-alt
  401. .glyphicon-picture
  402. .glyphicon-plane
  403. .glyphicon-play
  404. .glyphicon-play-circle
  405. .glyphicon-plus
  406. .glyphicon-plus-sign
  407. .glyphicon-print
  408. .glyphicon-pushpin
  409. .glyphicon-qrcode
  410. .glyphicon-question-sign
  411. .glyphicon-random
  412. .glyphicon-record
  413. .glyphicon-refresh
  414. .glyphicon-registration-mark
  415. .glyphicon-remove
  416. .glyphicon-remove-circle
  417. .glyphicon-remove-sign
  418. .glyphicon-repeat
  419. .glyphicon-resize-full
  420. .glyphicon-resize-horizontal
  421. .glyphicon-resize-small
  422. .glyphicon-resize-vertical
  423. .glyphicon-retweet
  424. .glyphicon-road
  425. .glyphicon-save
  426. .glyphicon-saved
  427. .glyphicon-screenshot
  428. .glyphicon-sd-video
  429. .glyphicon-search
  430. .glyphicon-send
  431. .glyphicon-share
  432. .glyphicon-share-alt
  433. .glyphicon-shopping-cart
  434. .glyphicon-signal
  435. .glyphicon-sort
  436. .glyphicon-sort-by-alphabet
  437. .glyphicon-sort-by-alphabet-alt
  438. .glyphicon-sort-by-attributes
  439. .glyphicon-sort-by-attributes-alt
  440. .glyphicon-sort-by-order
  441. .glyphicon-sort-by-order-alt
  442. .glyphicon-sound-5-1
  443. .glyphicon-sound-6-1
  444. .glyphicon-sound-7-1
  445. .glyphicon-sound-dolby
  446. .glyphicon-sound-stereo
  447. .glyphicon-star
  448. .glyphicon-star-empty
  449. .glyphicon-stats
  450. .glyphicon-step-backward
  451. .glyphicon-step-forward
  452. .glyphicon-stop
  453. .glyphicon-subtitles
  454. .glyphicon-tag
  455. .glyphicon-tags
  456. .glyphicon-tasks
  457. .glyphicon-text-height
  458. .glyphicon-text-width
  459. .glyphicon-th
  460. .glyphicon-th-large
  461. .glyphicon-th-list
  462. .glyphicon-thumbs-down
  463. .glyphicon-thumbs-up
  464. .glyphicon-time
  465. .glyphicon-tint
  466. .glyphicon-tower
  467. .glyphicon-transfer
  468. .glyphicon-trash
  469. .glyphicon-tree-conifer
  470. .glyphicon-tree-deciduous
  471. .glyphicon-unchecked
  472. .glyphicon-upload
  473. .glyphicon-usd
  474. .glyphicon-user
  475. .glyphicon-volume-down
  476. .glyphicon-volume-off
  477. .glyphicon-volume-up
  478. .glyphicon-warning-sign
  479. .glyphicon-wrench
  480. .glyphicon-zoom-in
  481. .glyphicon-zoom-out
  482. .h1
  483. .h2
  484. .h3
  485. .h4
  486. .h5
  487. .h6
  488. .has-error
  489. .has-feedback
  490. .has-success
  491. .has-warning
  492. .help-block
  493. .hidden
  494. .hidden-lg
  495. .hidden-md
  496. .hidden-print
  497. .hidden-sm
  498. .hidden-xs
  499. .hide
  500. .icon-bar
  501. .icon-next
  502. .icon-prev
  503. .img-circle
  504. .img-responsive
  505. .img-rounded
  506. .img-thumbnail
  507. .in
  508. .info
  509. .initialism
  510. .input-group
  511. .input-group-addon
  512. .input-group-btn
  513. .input-group-lg
  514. .input-group-sm
  515. .input-lg
  516. .input-sm
  517. .invisible
  518. .item
  519. .jumbotron
  520. .label
  521. .label-danger
  522. .label-default
  523. .label-info
  524. .label-primary
  525. .label-success
  526. .label-warning
  527. .lead
  528. .left
  529. .list-group
  530. .list-group-item
  531. .list-group-item-danger
  532. .list-group-item-heading
  533. .list-group-item-info
  534. .list-group-item-success
  535. .list-group-item-text
  536. .list-group-item-warning
  537. .list-inline
  538. .list-unstyled
  539. .media
  540. .media-body
  541. .media-heading
  542. .media-list
  543. .media-object
  544. .modal
  545. .modal-backdrop
  546. .modal-body
  547. .modal-content
  548. .modal-dialog
  549. .modal-footer
  550. .modal-header
  551. .modal-lg
  552. .modal-open
  553. .modal-sm
  554. .modal-title
  555. .nav
  556. .nav-divider
  557. .nav-justified
  558. .nav-pills
  559. .nav-stacked
  560. .nav-tabs
  561. .nav-tabs-justified
  562. .navbar
  563. .navbar-brand
  564. .navbar-btn
  565. .navbar-collapse
  566. .navbar-default
  567. .navbar-fixed-bottom
  568. .navbar-fixed-top
  569. .navbar-form
  570. .navbar-header
  571. .navbar-inverse
  572. .navbar-left
  573. .navbar-link
  574. .navbar-nav
  575. .navbar-right
  576. .navbar-static-top
  577. .navbar-text
  578. .navbar-toggle
  579. .next
  580. .open
  581. .page-header
  582. .pager
  583. .pagination
  584. .pagination-lg
  585. .pagination-sm
  586. .panel
  587. .panel-body
  588. .panel-collapse
  589. .panel-danger
  590. .panel-default
  591. .panel-footer
  592. .panel-group
  593. .panel-heading
  594. .panel-info
  595. .panel-primary
  596. .panel-success
  597. .panel-title
  598. .panel-warning
  599. .popover
  600. .popover-content
  601. .popover-title
  602. .pre-scrollable
  603. .prev
  604. .previous
  605. .progress
  606. .progress-bar
  607. .progress-bar-danger
  608. .progress-bar-info
  609. .progress-bar-success
  610. .progress-bar-warning
  611. .progress-striped
  612. .pull-left
  613. .pull-right
  614. .radio
  615. .radio-inline
  616. .right
  617. .row
  618. .show
  619. .small
  620. .sr-only
  621. .success
  622. .tab-content
  623. .tab-pane
  624. .table
  625. .table-bordered
  626. .table-condensed
  627. .table-hover
  628. .table-responsive
  629. .table-striped
  630. .text-center
  631. .text-danger
  632. .text-hide
  633. .text-info
  634. .text-justify
  635. .text-left
  636. .text-muted
  637. .text-primary
  638. .text-right
  639. .text-success
  640. .text-warning
  641. .thumbnail
  642. .tooltip
  643. .tooltip-arrow
  644. .tooltip-inner
  645. .top
  646. .top-left
  647. .top-right
  648. .visible-lg
  649. .visible-md
  650. .visible-print
  651. .visible-sm
  652. .visible-xs
  653. .warning
  654. .well
  655. .well-lg
  656. .well-sm

No comments:

Post a Comment