Diskuze: definice tridy:before v css

Aktivity

Frantisek Rychnovsky

Člen

Frantisek Rychnovsky:7.3.2017 14:56

Ahoj, nerozumim nasledujicimu zapisu definice tridy. Proc je takto definovana ?

.row:before, .row:after {
content: "";
display: table;
}

.row:after {
clear: both;
}

Odpovědět

7.3.2017 14:56

krouma

Člen

krouma:7.3.2017 15:18

No, protože chceš, aby row:after i before měli vlastnost display: table a content: "" a row:after ještě navíc clear:both.

Nahoru Odpovědět

7.3.2017 15:18

Matúš Petrofčík

Tvůrce

Matúš Petrofčík:7.3.2017 15:24

Ak používaš Bootstrap a divíš sa načo je tam ten .row takto definovaný: Ide o to, že .row sa chová zároveň ako vypínač plávania elementov v ňom, typicky .col-xx-yy Tieto .col-xx-yy elementy (napr. col-md-6) majú nastavené float: left;, a aby sa za posledným takýmto .col-xx-yy elementom nemusel písať .cleaner ako v tunajších tutoriáloch, tak sa plávajúce objekty obalia do .row, ktorý to vyčistí automaticky.
Namiesto:

<!-- plávajúce objekty -->
<div class="cleaner"></div>

použiješ:

<div class="row">
<!-- plávajúce objekty -->
</div>

Snáď som to napísal zrozumiteľne.

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

7.3.2017 15:24

obsah kocky = r^2 ... a preto vlak drnká

Frantisek Rychnovsky

Člen

Frantisek Rychnovsky:7.3.2017 15:29

Uz je to jasne, diky, FR

Nahoru Odpovědět

7.3.2017 15:29

Naučíme tě pracovat na home-office.

Zjistit více...

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.