juste une petite infos sur le bootstrap de Twitter

giizmo
Les bases HTML/CSS

Bonjour a tous,

je me posais une question quel sont toutes les classes du bootstrap, alors je me suis amuser a faire un liste (bien sur j'ai recuperer le fichier css du bootstrapresponsive et j'ai effacer toute les reglage en ne laissant que les classe en esperant que cela servent a quelqu'un :):):)

.clearfix 
.clearfix:before,
.clearfix:after 
.clearfix:after 
.hide-text
.input-block-level 
.hidden 
.visible-phone 
.visible-tablet 
.hidden-desktop 
.visible-desktop
@media {
  .hidden-desktop 
  .visible-desktop 
  .visible-tablet 
  .hidden-tablet 
@media{
  .hidden-desktop 
  .visible-desktop 
  .visible-phone 
  .hidden-phone 
.visible-print 
  .row:before,
  .row:after 
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container 
  .span12 
  .span11 
  .span10 
  .span9 
  .span8 
  .span7 
  .span6 
  .span5 
  .span4 
  .span3 
  .span2 
  .span1 
  .offset12 
  .offset11 
  .offset10 
  .offset9 
  .offset8 
  .offset7 
  .offset6 
  .offset5 
  .offset4 
  .offset3 
  .offset2 
  .offset1 
  .row-fluid 
  .row-fluid:before,
  .row-fluid:after 
  .row-fluid:after 
  .row-fluid [class*="span"] 
  .row-fluid [class*="span"]:first-child 
  .row-fluid .controls-row [class*="span"] + [class*="span"]
  .row-fluid .span12 
  .row-fluid .span11 
  .row-fluid .span10 
  .row-fluid .span9 
  .row-fluid .span8 
  .row-fluid .span7 
  .row-fluid .span6 
  .row-fluid .span5 
  .row-fluid .span4 
  .row-fluid .span3 
  .row-fluid .span2 
  .row-fluid .span1 
  .row-fluid .offset12 
  .row-fluid .offset12:first-child 
  .row-fluid .offset11 
  .row-fluid .offset11:first-child 
  .row-fluid .offset10 
  .row-fluid .offset10:first-child 
  .row-fluid .offset9 
  .row-fluid .offset9:first-child 
  .row-fluid .offset8 
  .row-fluid .offset8:first-child 
  .row-fluid .offset7 
  .row-fluid .offset7:first-child 
  .row-fluid .offset6 
  .row-fluid .offset6:first-child 
  .row-fluid .offset5 
  .row-fluid .offset5:first-child 
  .row-fluid .offset4 
  .row-fluid .offset4:first-child 
  .row-fluid .offset3 
  .row-fluid .offset3:first-child 
  .row-fluid .offset2 
  .row-fluid .offset2:first-child 
  .row-fluid .offset1 
  .row-fluid .offset1:first-child 
  input,
  textarea,
  .uneditable-input 
  .controls-row [class*="span"] + [class*="span"] 
  input.span12,
  textarea.span12,
  .uneditable-input.span12 
  input.span11,
  textarea.span11,
  .uneditable-input.span11 
  input.span10,
  textarea.span10,
  .uneditable-input.span10
  input.span9,
  textarea.span9,
  .uneditable-input.span9 
  input.span8,
  textarea.span8,
  .uneditable-input.span8 
  input.span7,
  textarea.span7,
  .uneditable-input.span7 
  input.span6,
  textarea.span6,
  .uneditable-input.span6 
  input.span5,
  textarea.span5,
  .uneditable-input.span5 
  input.span4,
  textarea.span4,
  .uneditable-input.span4 
  input.span3,
  textarea.span3,
  .uneditable-input.span3 
  input.span2,
  textarea.span2,
  .uneditable-input.span2 
  input.span1,
  textarea.span1,
  .uneditable-input.span1 
  .thumbnails 
  .thumbnails > li 
  .row-fluid .thumbnails 
  .row:before,
  .row:after 
  .row:after 
  [class*="span"] 
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container 
  .span12 
  .span11 
  .span10 
  .span9 
  .span8 
  .span7 
  .span6 
  .span5 
  .span4 
  .span3 
  .span2 
  .span1 
  .offset12 
  .offset11 
  .offset10 
  .offset9 
  .offset8 
  .offset7 
  .offset6 
  .offset5 
  .offset4 
  .offset3 
  .offset2 
  .offset1 
  .row-fluid 
  .row-fluid:before,
  .row-fluid:after 
  .row-fluid:after 
  .row-fluid [class*="span"] 
  .row-fluid [class*="span"]:first-child 
  .row-fluid .controls-row [class*="span"] + [class*="span"]
  .row-fluid .span12 
  .row-fluid .span11 
  .row-fluid .span10 
  .row-fluid .span9 
  .row-fluid .span8 
  .row-fluid .span7 
  .row-fluid .span6 
  .row-fluid .span5 
  .row-fluid .span4 
  .row-fluid .span3 
  .row-fluid .span2 
  .row-fluid .span1 
  .row-fluid .offset12 
  .row-fluid .offset12:first-child 
  .row-fluid .offset11 
  .row-fluid .offset11:first-child 
  .row-fluid .offset10 
  .row-fluid .offset10:first-child 
  .row-fluid .offset9 
  .row-fluid .offset9:first-child 
  .row-fluid .offset8 
  .row-fluid .offset8:first-child 
  .row-fluid .offset7 
  .row-fluid .offset7:first-child 
  .row-fluid .offset6 
  .row-fluid .offset6:first-child 
  .row-fluid .offset5 
  .row-fluid .offset5:first-child 
  .row-fluid .offset4 
  .row-fluid .offset4:first-child 
  .row-fluid .offset3 
  .row-fluid .offset3:first-child 
  .row-fluid .offset2 
  .row-fluid .offset2:first-child 
  .row-fluid .offset1 
  .row-fluid .offset1:first-child 
  input,
  textarea,
  .uneditable-input
  .controls-row [class*="span"] + [class*="span"]
  input.span12,
  textarea.span12,
  .uneditable-input.span12 
  input.span11,
  textarea.span11,
  .uneditable-input.span11 
  input.span10,
  textarea.span10,
  .uneditable-input.span10
  input.span9,
  textarea.span9,
  .uneditable-input.span9
  input.span8,
  textarea.span8,
  .uneditable-input.span8
  input.span7,
  textarea.span7,
  .uneditable-input.span7 
  input.span6,
  textarea.span6,
  .uneditable-input.span6
  input.span5,
  textarea.span5,
  .uneditable-input.span5 
  input.span4,
  textarea.span4,
  .uneditable-input.span4 
  input.span3,
  textarea.span3,
  .uneditable-input.span3 
  input.span2,
  textarea.span2,
  .uneditable-input.span2
  input.span1,
  textarea.span1,
  .uneditable-input.span1
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top
  .container-fluid
  .dl-horizontal dt
  .dl-horizontal dd 
  .container
  .row-fluid
  .row,
  .thumbnails
  .thumbnails > li
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"]
  .span12,
  .row-fluid .span12
  .row-fluid [class*="offset"]:first-child 
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"]
  .controls-row [class*="span"] + [class*="span"]
  .modal
  .modal.fade
  .modal.fade.in 
  .page-header h1 small
  .form-horizontal .control-label
  .form-horizontal .controls
  .form-horizontal .control-list
  .form-horizontal .form-actions
  .media .pull-left,
  .media .pull-right 
  .media-object 
  .modal 
  .modal-header 
  .close 
  .carousel-caption
  .navbar-fixed-top,
  .navbar-fixed-bottom
  .navbar-fixed-top 
  .navbar-fixed-bottom
  .navbar-fixed-top 
  .navbar-inner,
  .navbar-fixed-bottom 
  .navbar-inner 
  .navbar 
  .container 
  .navbar 
  .brand 
  .nav-collapse 
  .nav-collapse .nav 
  .nav-collapse .nav > li 
  .nav-collapse .nav > li > a 
  .nav-collapse 
  .nav > .divider-vertical
  .nav-collapse 
  .nav 
  .nav-header
  .nav-collapse 
  .nav > li > a,
  .nav-collapse 
  .dropdown-menu a
  .nav-collapse 
  .btn
  .nav-collapse 
  .dropdown-menu li + li a
  .nav-collapse 
  .nav > li > a:hover,
  .nav-collapse 
  .nav > li > a:focus,
  .nav-collapse 
  .dropdown-menu a:hover
  .nav-collapse 
  .dropdown-menu a:focus
  .navbar-inverse 
  .nav-collapse 
  .nav > li > a
  .navbar-inverse 
  .nav-collapse 
  .dropdown-menu a
  .navbar-inverse .nav-collapse 
  .nav > li > a:hover,
  .navbar-inverse 
  .nav-collapse 
  .nav > li > a:focus,
  .navbar-inverse 
  .nav-collapse 
  .dropdown-menu a:hover,
  .navbar-inverse 
  .nav-collapse 
  .dropdown-menu a:focus
  .nav-collapse
  .in 
  .btn-group
  .nav-collapse 
  .dropdown-menu
  .nav-collapse 
  .open > 
  .dropdown-menu
  .nav-collapse 
  .dropdown-menu:before,
  .nav-collapse 
  .dropdown-menu:after
  .nav-collapse 
  .dropdown-menu 
  .divider
  .nav-collapse .nav > li > 
  .dropdown-menu:before
  .nav-collapse .nav > li > 
  .dropdown-menu:after
  .nav-collapse 
  .navbar-form,
  .nav-collapse 
  .navbar-search
  .navbar-inverse 
  .nav-collapse 
  .navbar-form,
  .navbar-inverse 
  .nav-collapse 
  .navbar-search
  .navbar
  .nav-collapse 
  .nav.pull-right
  .nav-collapse,
  .nav-collapse.collapse
  .navbar
  .btn-navbar 
  .navbar-static 
  .navbar-inner

2 réponses

Maenhyr
Réponse acceptée

J'ai l'impression qu'elles ne sont pas toutes là. Il te manque les classes des composants (genre .label, .alert, ...). Si tu télécharges le zip, tu dois avoir 4 fichiers, bootstrap.css, bootstrap.min.css, bootstrap-responsive.css et bootstrap-responsive.min.css, je pense que tu as pris le 3ème. Tu devrais plutôt te baser sur le 1er fichier.

Par ailleurs, tu as des doublons (span1, 2, ...)

Par ailleurs, je me demande qu'elle est l'utilité, la doc est bien fournie et peut être accessible offline.

Comment utilises tu ces informations ?

Hotgeart

Utilité? La doc est la pour ça. Avec ton système on ne sait pas ce que fait la class. Sans compter que tu as des doublons et comme l'a dit prbaron il te manque des class.