0
Kayıt Ol

Bootstrap form ortalama

17

●

300

  • 01-06-2021, 02:14:27
    #10
    brown
    brown
    Developer
    sadece label demişsiniz ondan

    şöyle deneyin:
    <label  class="label-input100 text-center d-block" for="first-name">Şikayetiniz</label>
<div class="wrap-input100 rs1 validate-input">
    <input id="first-name" class="input100 mx-auto d-table" type="text" name="şikayetiniz" placeholder="123">
    <span class="row justify-content-center align-items-center" class="focus-input100"></span>
</div>
    hatta şu şekilde daha sağlıklı olabilir:
    <div class="mx-auto d-table">
    <label  class="label-input100" for="first-name">Şikayetiniz</label>
    <div class="wrap-input100 rs1 validate-input">
        <input id="first-name" class="input100" type="text" name="şikayetiniz" placeholder="123">
        <span class="row justify-content-center align-items-center" class="focus-input100"></span>
    </div>
</div>
  • 01-06-2021, 02:16:53
    #11
    oguzhana
    oguzhana
    brown adlı üyeden alıntı: mesajı görüntüle
    sadece label demişsiniz ondan

    şöyle deneyin:
    <label  class="label-input100 text-center d-block" for="first-name">Şikayetiniz</label>
<div class="wrap-input100 rs1 validate-input">
    <input id="first-name" class="input100 mx-auto d-table" type="text" name="şikayetiniz" placeholder="123">
    <span class="row justify-content-center align-items-center" class="focus-input100"></span>
</div>
    maalesef hocam durum aynı
  • 01-06-2021, 02:20:01
    #12
    Misafir
    Misafir
    oguzhana adlı üyeden alıntı: mesajı görüntüle
    sadece yazı ortalandı hocam şimdide 
    <label style="width: 182px; text-align: center;" class="label-input100" for="first-name">Şikayetiniz</label>
   <div class="wrap-input100 rs1 validate-input">
       <input id="first-name" class="input100" type="text" name="şikayetiniz" placeholder="123">
       <span class="row justify-content-center align-items-center" class="focus-input100"></span>
   </div>
    label'in style width değerini inputun width değeri olarak belirledim.
  • 01-06-2021, 02:22:16
    #13
    oguzhana
    oguzhana
    Misafir adlı üyeden alıntı: mesajı görüntüle 
    <label style="width: 182px; text-align: center;" class="label-input100" for="first-name">Şikayetiniz</label>
   <div class="wrap-input100 rs1 validate-input">
       <input id="first-name" class="input100" type="text" name="şikayetiniz" placeholder="123">
       <span class="row justify-content-center align-items-center" class="focus-input100"></span>
   </div>
    label'in style width değerini inputun width değeri olarak belirledim.
    bambaşka birşey oldu hocam şimdi yazı solda kutucak sağda kaldı
  • 01-06-2021, 02:23:52
    #14
    Misafir
    Misafir
    oguzhana adlı üyeden alıntı: mesajı görüntüle
    bambaşka birşey oldu hocam şimdi yazı solda kutucak sağda kaldı
    ekran görüntüsü atar mısın kodlarınla birlikte
  • 01-06-2021, 02:26:18
    #15
    brown
    brown
    Developer
    bootstrap kullanıyorsanız yukarıda verdiğim kodun olmasın gerekiyordu.

    bu şekilde deneyin:
    <div style="margin:0 auto;display:table;">
    <label  class="label-input100" for="first-name">Şikayetiniz</label>
    <div class="wrap-input100 rs1 validate-input">
        <input id="first-name" class="input100" type="text" name="şikayetiniz" placeholder="123">
        <span class="row justify-content-center align-items-center" class="focus-input100"></span>
    </div>
</div>
  • 01-06-2021, 02:26:17
    #16
    oguzhana
    oguzhana
    Misafir adlı üyeden alıntı: mesajı görüntüle
    ekran görüntüsü atar mısın kodlarınla birlikte
    https://prnt.sc/13negkt buyrun hocam
  • 01-06-2021, 02:28:56
    #17
    Misafir
    Misafir
    oguzhana adlı üyeden alıntı: mesajı görüntüle
    https://prnt.sc/13negkt buyrun hocam
    olmadı kodlarınızı atıverin ona göre düzenleme yapmaya çalışayım
  • 03-06-2021, 04:28:36
    #18
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
    OsmanHakan
    OsmanHakan
    Kodları bir container içine alıp, CSS üzerinden container'a aşağıda vermiş olduğum CSS'i yazıp dener misiniz?


    align-items:center;
    justify-content:center;