In the second .row div, i have a .fizetesi_modok div. I want this .fizetesi_modok div to be under the other divs, so i want to clear the floats.
But the .clearfix does nothing here, the .fizetesi_modok is floated next to the prevous div.
In the 3rd .row, the .szallitasi_modok div isnt floated. Why is it working there?
<form method="post">
<h2 class="megrendeles_title">Átvevő adatai</h2>
<div class="row">
<div class="col-md-3 megrendeles_box">
<span class="megrendeles_input_title">Vezetéknév </span>
<input required type="text" name="user_vnev" id="user_vnev" class="form-control input-lg" value="">
</div>
<div class="col-md-3 megrendeles_box">
<span class="megrendeles_input_title">Keresztnév </span>
<input required type="text" name="user_knev" id="user_knev" class="form-control input-lg" value="">
</div>
<div class="col-md-3 megrendeles_box">
<span class="megrendeles_input_title">E-mail cím </span>
<input required type="text" name="user_email" id="user_email" class="form-control input-lg" value="">
</div>
<div class="col-md-3 megrendeles_box">
<span class="megrendeles_input_title">Telefonszám </span>
<input required type="text" name="user_tel" id="user_tel" class="form-control input-lg" value="">
</div>
<div class="clearfix"></div>
</div>
<hr>
<h2 class="megrendeles_title">Számlázási adatok</h2>
<div class="row">
<div class="col-md-3 megrendeles_box">
<span class="megrendeles_input_title">Számlázási név </span>
<input required type="text" name="user_szamla_nev" id="user_szamla_nev" class="form-control input-lg" value="">
</div>
<div class="col-md-3 megrendeles_box">
<span class="megrendeles_input_title">Irányítószám </span>
<input required type="text" name="user_szamla_irsz" id="user_szamla_irsz" class="form-control input-lg" value="">
</div>
<div class="col-md-3 megrendeles_box">
<span class="megrendeles_input_title">Település </span>
<input required type="text" name="user_szamla_varos" id="user_szamla_varos" class="form-control input-lg" value="">
</div>
<div class="col-md-3 megrendeles_box">
<span class="megrendeles_input_title">Utca, házszám </span>
<input required type="text" name="user_szamla_utca" id="user_szamla_utca" class="form-control input-lg" value="">
</div>
<div class="clearfix"></div>
<div class="col-md-3 megrendeles_box">
<span class="megrendeles_input_title">Adószám</span>
<input type="text" name="user_adoszam" id="user_adoszam" class="form-control input-lg" value="">
</div>
<div class="clearfix"></div>
<div class="col-md-6 szallitasi_modok">
<div class="szallitasi_mod_div"><label for="fizetesi_mod-1"><input type="radio" id="fizetesi_mod-1" name="fizetesi_mod" value="1"> Átutalás</label></div><div class="szallitasi_mod_div"><label for="fizetesi_mod-2"><input type="radio" id="fizetesi_mod-2" name="fizetesi_mod" value="2"> Előre utalás</label></div> </div>
<div class="clearfix"></div>
</div>
<hr>
<h2 class="megrendeles_title">Szállítási adatok</h2>
<div class="row">
<div class="col-md-3 megrendeles_box">
<span class="megrendeles_input_title">Irányítószám </span>
<input required type="text" name="user_szallit_irsz" id="user_szallit_irsz" class="form-control input-lg" value="">
</div>
<div class="col-md-3 megrendeles_box">
<span class="megrendeles_input_title">Település </span>
<input required type="text" name="user_szallit_varos" id="user_szallit_varos" class="form-control input-lg" value="">
</div>
<div class="col-md-3 megrendeles_box">
<span class="megrendeles_input_title">Utca, házszám </span>
<input required type="text" name="user_szallit_utca" id="user_szallit_utca" class="form-control input-lg" value="">
</div>
<div class="clearfix"></div>
<div class="col-md-6 szallitasi_modok">
<div class="szallitasi_mod_div"><label for="atvetel-2"><input type="radio" id="atvetel-2" name="atvetel" value="2"> Gyári szállítás darus autóval</label></div><div class="szallitasi_mod_div"><label for="atvetel-1"><input type="radio" id="atvetel-1" name="atvetel" value="1"> Személyes átvétel az üllői üzletben</label></div> </div>
<div class="clearfix"></div>
</div>
</form>