آموزش Bootstrap - قسمت 10

[M_Piyer]

فرمهای درون خطی در بوت استرپ

برای ایجاد یک فرم درون خطی از کلاس form-inline را به تگ form اضافه کنید

مثال

[LEFT]<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> 
[/LEFT] 

نکته برای پنهان کردن هر کنترل در فرم های درون خطی میتوانید کلاس sr-only را به آن اضافه کنید.
به صورت پیش فرض تگ های textarea,input,select در بوت استرپ دارای عرض 100 درصدی هستند. هنگام استفاده از آنها در فرم های درون خطی عرض آنها را ست کنید.