M_Piyer
March 16th, 2016, 23:19
فرمهای درون خطی در بوت استرپبرای ایجاد یک فرم درون خطی از کلاس form-inline را به تگ form اضافه کنید
مثال
<div class="container">
<div class="row">
<form role="form" class="form-inline"">
<div class="form-group">
<label for="name">نام</label>
<input type="text" class="form-control" id="name"
placeholder="نام خود را وارد کنید">
</div>
<div class="form-group">
<label for="inputfile">آپلود فایل </label>
<input type="file" id="inputfile">
<p class="help-block">متن کمکی برای آپلود.</p>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> چک باکس
</label>
</div>
<button type="submit" class="btn btn-success">ثبت </button>
</form>
</div>
</div>
نکته برای پنهان کردن هر کنترل در فرم های درون خطی میتوانید کلاس sr-only را به آن اضافه کنید.
به صورت پیش فرض تگ های textarea,input,select در بوت استرپ دارای عرض 100 درصدی هستند. هنگام استفاده از آنها در فرم های درون خطی عرض آنها را ست کنید.
مثال
<div class="container">
<div class="row">
<form role="form" class="form-inline"">
<div class="form-group">
<label for="name">نام</label>
<input type="text" class="form-control" id="name"
placeholder="نام خود را وارد کنید">
</div>
<div class="form-group">
<label for="inputfile">آپلود فایل </label>
<input type="file" id="inputfile">
<p class="help-block">متن کمکی برای آپلود.</p>
</div>
<div class="checkbox">
<label>
<input type="checkbox"> چک باکس
</label>
</div>
<button type="submit" class="btn btn-success">ثبت </button>
</form>
</div>
</div>
نکته برای پنهان کردن هر کنترل در فرم های درون خطی میتوانید کلاس sr-only را به آن اضافه کنید.
به صورت پیش فرض تگ های textarea,input,select در بوت استرپ دارای عرض 100 درصدی هستند. هنگام استفاده از آنها در فرم های درون خطی عرض آنها را ست کنید.