Bootstrap Input(girdi) alanı örnek yardım yazısı kodu kullanımı örneği (Bootstrap Input area sample help text code usage example)

Twitter Bootstrap ile input(girdi) alanının yanına veya altına ilgili girdi alanımıza girebileceğimiz değerler hakkında bilgi veyahutta benzer örneklemelerimizi yazabilmemiz için Bootstrap’in bize sağlamış olduğu class ların(sınıf) kullanımı aşağıdaki gibidir.

Girdi alanının altına yardım metni yazmak için gerekli olan class:”help-block”
Girdi alanının yanına yardım yazısı yazmak için ise gereken class:”help-inline”

Örnek kodlarımız şöyledir, yardım yazımız için HTML span elementi kullandık.

Input(girdi) alanının yanına girdi yardım metnini yazabilmek için.

<input type="text" />
<span class="help-inline">Örn: satırda yardım yazısı</span>

Kod bloğu görünümü:

Örn: satırda yardım yazısı

Input(girdi) alanının altına girdi yardım yazısı yazabilmek için.

<input type="text" placeholder="Değer giriniz" />
<span class="help-block">Örneğin: blok seviyesinde yardım metni.</span>

Kod bloğu görünümü:


Örneğin: alt blok seviyesinde yardım metni.

“Span” yerine “em” elementini de şu şekilde kullanabilirsiniz.

<input type="text" placeholder="Değeriniz..."/>
<em class="help-block">Örnek: "em" blok ile yardım metni.</em>

Kod bloğu görünümü:


Örnek: "em" blok ile yardım metni.
Share on Facebook0Tweet about this on TwitterShare on Google+0Share on StumbleUpon0Share on Reddit0

Leave a Reply


*