Was ist das äquivalent dieses CSS, Twitter-Bootstrap?

Question

<div style="float:left;">
    column 1
</div>
<div style="float:left;">
    column 2
</div>
<div style="clear:both;"></div>

Ich bin es gewohnt zu schreiben clear:both.Aber ich habe gehört, im Twitter-Bootstrap-es ist etwas genannt "clearfix"?Auf welches element sollte/würde ich gelten "clearfix"?

Answer 1

mit css können Sie einfach verwenden Sie die nach psudeo

.class1:after, .class2:after //append as many as you like
{
 clear:both;
 *zoom:1;
 height:0;
 visibility: hidden;
 display:block;
}

alternative(providing children are not using the position selector)
(parent-elemts){overflow:hidden;}//bit of a quick fix!

halten Sie unerwünschte markup-Code aus der html-Datei

Edit:sorry!für einige Grund, warum Sie den Kommentar hinzufügen-Schaltfläche oder den upvote-button funktioniert nicht für mich heute Abend.

Anfügen meine Antwort zu Antwort auf Ihre andere Frage:

twitter bootstrap-Sie sagen, verwendet .clearfix-Klasse, die ähnlich wie die css, die ich unten angegeben, aber Ihre Methode Hinzugefügt werden muss, um das element, dh:"element" class="clearfix" ODER ähnlich, wo, wie css pseduo die wir nicht brauchen, um add this extra bit von code auf unser Dokument.Beachten Sie jedoch, nicht alle Browser unterstützen css pseduo ist.

Answer 2

Sie haben wahrscheinlich nur tun müssen:

<div class="container">
   <div class="row">
      <div class="span6">column 1</div>
      <div class="span6">column 2</div>
   </div>
</div>

clearfix sollte nicht erforderlich sein.