Welcome to اسکریپتستان

برای استفاده از تمامی امکانات، ثبت نام کنید. یکبار ثبت نام کنید و وارد شوید، سپس خواهید توانست مطالب خود را ارسال کنید به مطالب دیگر کاربران پاسخ دهید، امتیاز دریافت کنید، پیام خصوصی ارسال کنید و ..

جستجو در تالار: در حال نمایش نتایج برای برچسب های 'بوتسترپ'.



تنظیمات بیشتر جستجو

  • جستجو بر اساس برچسب

    برچسب ها را با , از یکدیگر جدا نمایید.
  • جستجو بر اساس نویسنده

نوع محتوا


تالار ها

  • اندروید
    • آموزش ها و مقالات
    • کتابخانه ها و ابزار ها
    • پرسش و پاسخ
  • سی شارپ
    • آموزش ها و مقالات
    • کتابخانه ها و ابزار ها
    • پرسش و پاسخ
  • وب و سرور
    • پی اچ پی
    • جاوا اسکریپت
    • HTML & CSS
    • پرسش و پاسخ
    • قالب آماده

وبلاگ‌ها

چیزی برای نمایش وجود ندارد

دسته ها

  • عمومی

2 نتیجه پیدا شد

  1. درود در بوتسترپ 4 کلاسی به نام form-row اضافه شده که پدینگ ستون ها را کم میکند تا به کامپونت های فورم شما جلوه ی بهتری دهد . نمونه: <form> <div class="form-row"> <div class="col"> <input type="text" class="form-control" placeholder="First name"> </div> <div class="col"> <input type="text" class="form-control" placeholder="Last name"> </div> </div> </form> لینک رفرنس: https://getbootstrap.com/docs/4.0/components/forms/#form-row این کلاس در بوتسترپ 3 وجود نداشت که با این کلاس میتونید این قابلیت رو به بوتسترپ 3 هم اضافه کنید: @media only screen and (min-width : 768px) { .my-form-col > div { padding-left: 5px !important; padding-right: 5px !important; } .my-form-col > div:first-child{ padding-left: 0 !important; } .my-form-col > div:last-child{ padding-right: 0 !important; } } <div class="container"> <h1>With Awesome Padding</h1> <form class="form-horizontal"> <div class="form-group my-form-col"> <div class="col-sm-2"> <select class="form-control"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> <div class="col-sm-10"> <input type="password" class="form-control" id="inputPassword" placeholder="Password"> </div> </div> <div class="form-group my-form-col"> <div class="col-sm-4"> <input type="text" class="form-control" placeholder="test"> </div> <div class="col-sm-4"> <input type="text" class="form-control" placeholder="test"> </div> <div class="col-sm-4"> <input type="text" class="form-control" placeholder="test"> </div> </div> </form> <h1>Original Column</h1> <form class="form-horizontal"> <div class="form-group "> <div class="col-sm-2"> <select class="form-control"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> <div class="col-sm-10"> <input type="password" class="form-control" id="inputPassword" placeholder="Password"> </div> </div> <div class="form-group "> <div class="col-sm-4"> <input type="text" class="form-control" placeholder="test"> </div> <div class="col-sm-4"> <input type="text" class="form-control" placeholder="test"> </div> <div class="col-sm-4"> <input type="text" class="form-control" placeholder="test"> </div> </div> </form> </div>
  2. کامپوننت bootstrap multiselect

    با استفاده از این کامپوننت پیشرفته کار کاربر رو برای انتخاب گذینه ها راحت کنین و تجربه کاربریتون رو بهبود ببخشین! توجه: وابسته به کتابخانه جی کوئری و بوتسترپ مستند ها و نمونه های بیشتر: http://davidstutz.github.io/bootstrap-multiselect/ نصب با استفاده از بوور: bower install bootstrap-multiselect دانلود زیپ از گیتهاب: https://github.com/davidstutz/bootstrap-multiselect/archive/master.zip