CSS Yardım - R10.net

17-05-2020, 17:56:37

merhaba,

form'da inputları yanyana getiremiyorum, yardımcı olabilirseniz sevinirim.

Ad Soyad ve E-Posta yan yana dursun istiyorum.

<form action="#iletisim"class="contact"method="post"><div class="row"><div class="col-md-12"><div class="col-md-12 col-sm-10 input-group"><input class="form-control"name="isim"placeholder="Ad Soyad"> <input class="form-control"name="eposta"placeholder="E-Posta"></div></form>

17-05-2020, 17:59:07

#2

alidincer

her iki inputa da w-50 float-left classlarını ekleyip dener misiniz?

17-05-2020, 18:00:58

#3

uondev

Gizlen adlı üyeden alıntı: mesajı görüntüle

merhaba,

form'da inputları yanyana getiremiyorum, yardımcı olabilirseniz sevinirim.

Ad Soyad ve E-Posta yan yana dursun istiyorum.

<form action="#iletisim"class="contact"method="post"><div class="row"><div class="col-md-12"><div class="col-md-12 col-sm-10 input-group"><input class="form-control"name="isim"placeholder="Ad Soyad"> <input class="form-control"name="eposta"placeholder="E-Posta"></div></form>

css: http://www.312ajans.com/assets/style/bootstrap.css

<form action="#iletisim"class="contact"method="post">
    <div class="row">
        <div class="col-md-6">
            <div class="input-group">
                <input class="form-control"name="isim"placeholder="Ad Soyad">
            </div>
        </div> 
        <div class="col-md-6">
            <div class="input-group">
                <input class="form-control"name="eposta"placeholder="E-Posta">
            </div>
        </div> 
    </div> 
</form>

17-05-2020, 18:05:07

#4

Gizlen

alidincer adlı üyeden alıntı: mesajı görüntüle

her iki inputa da w-50 float-left classlarını ekleyip dener misiniz?

<form action="#iletisim"class="contact"method="post"><div class="row"><div class="col-md-12"><div class="col-md-12 col-sm-10 input-group"><input class="form-control w-50 float-left"name="isim"placeholder="Ad Soyad"><input class="form-control w-50 float-left"name="eposta"placeholder="E-Posta"></div></form>

Bu şekilde ise halen alt alta gözüküyor

onursultansu adlı üyeden alıntı: mesajı görüntüle

<form action="#iletisim"class="contact"method="post">
    <div class="row">
        <div class="col-md-6">
            <div class="input-group">
                <input class="form-control"name="isim"placeholder="Ad Soyad">
            </div>
        </div> 
        <div class="col-md-6">
            <div class="input-group">
                <input class="form-control"name="eposta"placeholder="E-Posta">
            </div>
        </div> 
    </div> 
</form>

Alt alta gözükmekte halen

17-05-2020, 18:17:47

#5

rws

üste paylaşılan kodlar doğru, sizin paylaştığınızda ilk kod da doğru, css dosyanız hatalı olabilir yada iki kapanmamış div'iniz var ondan da olabilir,
ayrıca row için no-gutters kullanın yada container gibi kapsayıcı içine alın yoksa mobilde x ekseninde taşmalar olur

17-05-2020, 18:18:53

#6

Gizlen

rws adlı üyeden alıntı: mesajı görüntüle

üste paylaşılan kodlar doğru, sizin paylaştığınızda ilk kod da doğru, css dosyanız hatalı olabilir yada iki kapanmamış div'iniz var ondan da olabilir,
ayrıca row için no-gutters kullanın yada container gibi kapsayıcı içine alın yoksa mobilde x ekseninde taşmalar olur

Kontrol edeyim
teşekkürler.