Quantcast
Channel: Active questions tagged html - Stack Overflow
Viewing all articles
Browse latest Browse all 74735

Clearfix div doesnt clear the float in bootstrap

$
0
0

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>

Viewing all articles
Browse latest Browse all 74735

Latest Images

Trending Articles



Latest Images

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>