NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
Frantisek Rychnovsky
Člen
Avatar
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
Avatar
krouma
Člen
Avatar
Odpovídá na Frantisek Rychnovsky
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
Avatar
Matúš Petrofčík
Tvůrce
Avatar
Odpovídá na Frantisek Rychnovsky
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č
Řešení problému
Nahoru Odpovědět
7.3.2017 15:24
obsah kocky = r^2 ... a preto vlak drnká
Avatar
Frantisek Rychnovsky
Člen
Avatar
Odpovídá na Matúš Petrofčík
Frantisek Rychnovsky:7.3.2017 15:29

Uz je to jasne, diky, FR

 
Nahoru Odpovědět
7.3.2017 15:29
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.