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

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

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

مثال

کد PHP:

---

[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 درصدی هستند. هنگام استفاده از آنها در فرم های درون خطی عرض آنها را ست کنید.

دوست عزیز اگه به جای ایجاد تاپیک‌های جدید فقط در یک تاپیک ارسال کنید آموزش منظم‌تر میشه
و بهتر میشه استفاده کرد
اینجوری سخته بقیه قسمت‌ها رو پیدا کرد
موفق باشید

اوکی مرسی قسمت های بعدی اینطور میشه

نقل قول:

---

نوشته اصلی توسط M_Piyer

اوکی مرسی قسمت های بعدی اینطور میشه

---

دستتون درد نکنه آموزشهای خوبی دارید
به نظر منم اگر تونستید همه این تایپک های فعلیتون رو جمع بندی کنید توی یک تاپیک جدید که کاربر نیاز به چک کردن دونه دونه تاپیک های قبلی نباشه

مرسی قراره آموزش طراحی قالب وردپرس بدم بعد این به صورت ویدیویی اون حسابی میترکونه

نقل قول:

---

نوشته اصلی توسط M_Piyer

مرسی قراره آموزش طراحی قالب وردپرس بدم بعد این به صورت ویدیویی اون حسابی میترکونه

---

اینهم آره ۱۰۰درصد بدون شک مورد نیاز خیلیا هست توی انجمن، و واقعا یک آموزش تاپ خواهد بود

مرسی :">