Bootstrap Form Inputu Bu Şekilde Nasıl Gösteririz?

01-11-2021, 18:00:23

#1

buddy

Merhaba arkadaşlar,
aşağıdaki gibi bootstrapda @ işaretinin (label) kısmını nasıl input içinde gösterebilirim?

Bu örnek bootstrap vue form

01-11-2021, 18:07:07

#2

skyrock

Bu Siteyi kaydedin hocam, lazım olur.

01-11-2021, 18:09:17

#3

buddy

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

Bu Siteyi kaydedin hocam, lazım olur.

Bİliyorum hocam sürekli baktığım yer ordan anlaşılır birşey bulamadığm için sordum.

01-11-2021, 18:12:47

#4

ACEY

Bu görüntüyü aldığınız yer https://getbootstrap.com/docs/4.3/components/forms/ burası değil mi zaten?
Orada örneği veriyor?

 <form>
<div class="form-row align-items-center">
<div class="col-auto">
<label class="sr-only" for="inlineFormInput">Name</label>
<input type="text" class="form-control mb-2" id="inlineFormInput" placeholder="Jane Doe">
</div>
<div class="col-auto">
<label class="sr-only" for="inlineFormInputGroup">Username</label>
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text">@</div>
</div>
<input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Username">
</div>
</div>
<div class="col-auto">
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="autoSizingCheck">
<label class="form-check-label" for="autoSizingCheck">
Remember me
</label>
</div>
</div>
<div class="col-auto">
<button type="submit" class="btn btn-primary mb-2">Submit</button>
</div>
</div>
</form>

01-11-2021, 18:13:41

#5

skyrock

Böylemi.

01-11-2021, 18:14:14

#6

ACEY

Sadece aradığınız kısım:

<div class="input-group mb-2">        <div class="input-group-prepend">          <div class="input-group-text">@</div>        </div>        <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Username">      </div>

01-11-2021, 20:27:14

#7

~~yuKKo~~

Üyeliği durduruldu

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

Merhaba arkadaşlar,
aşağıdaki gibi bootstrapda @ işaretinin (label) kısmını nasıl input içinde gösterebilirim?

Bu örnek bootstrap vue form