سلام, محسن م

##### کنترل ها

اقدامات

### کنترل ها

فرم مثال زیر عناصر فرم جی اس معمول را نشان می دهد که از کلاس های اضافی سبک های به روز شده را از بوت استرپ دریافت می کنند.
آدرس الکترونیک ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی گذاریم.
کلمه عبور
استاتیک:

email@example.com

سلکت
انتخاب اینپوت چندگانه
تکس اریا

    							<div class="card card-custom">
    								<div class="card-header">
    									<h3 class="card-title">
    										کنترل ها
    									</h3>
    									<div class="card-toolbar">
    										<div class="example-tools justify-content-center">
    											<span class="example-toggle" data-toggle="tooltip" title="مشاهد کد"></span>
    											<span class="example-copy" data-toggle="tooltip" title="کپی کد"></span>
    										</div>
    									</div>
    								</div>
    								<!--begin::Form-->
    								<form>
    									<div class="card-body">
    										<div class="form-group mb-8">
    											<div class="alert alert-custom alert-default" role="alert">
    												<div class="alert-icon"><i class="flaticon-warning text-primary"></i></div>
    												<div class="alert-text">
    													فرم مثال زیر عناصر فرم جی اس معمول را نشان می دهد که از کلاس های اضافی سبک های به روز شده را از بوت استرپ دریافت می کنند.
    												</div>
    											</div>
    										</div>
    										<div class="form-group">
    											<label>آدرس الکترونیک</label>
    											<input type="email" class="form-control"  placeholder="ایمیل را وارد کنید"/>
    											<span class="form-text text-muted">ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی گذاریم.</span>
    										</div>
    										<div class="form-group">
    											<label for="exampleورودیکلمه عبور1">کلمه عبور</label>
    											<input type="password" class="form-control" id="exampleورودیکلمه عبور1" placeholder="کلمه عبور"/>
    										</div>
    										<div class="form-group">
    											<label>استاتیک:</label>
    											<p class="form-control-plaintext text-muted">email@example.com</p>
    										</div>
    										<div class="form-group">
    											<label for="exampleانتخاب1">سلکت</label>
    											<select class="form-control" id="exampleانتخاب1">
    												<option>1</option>
    												<option>2</option>
    												<option>3</option>
    												<option>4</option>
    												<option>5</option>
    											</select>
    										</div>
    										<div class="form-group">
    											<label for="exampleانتخابگر2">انتخاب اینپوت چندگانه</label>
    											<select multiple="" class="form-control" id="exampleانتخابگر2">
    												<option>1</option>
    												<option>2</option>
    												<option>3</option>
    												<option>4</option>
    												<option>5</option>
    											</select>
    										</div>
    										<div class="form-group mb-1">
    											<label for="exampleتکس اریا">تکس اریا</label>
    											<textarea class="form-control" id="exampleتکس اریا" rows="3"></textarea>
    										</div>
    									</div>
    									<div class="card-footer">
    										<button type="reset" class="btn btn-primary mr-2">ارسال</button>
    										<button type="reset" class="btn btn-secondary">لغو</button>
    									</div>
    								</form>
    								<!--end::Form-->
    							</div>

### اینپوت

اینجا یک مثال `.form-control` اعمال شده برای هر متن درون اینپوت:
متن
جستجو
پست الکترونیک
آدرس اینترنتی
تلفن
کلمه عبور
عدد
تاریخ و زمان
تاریخ
ماه
هفته
زمان
رنگ
دامنه

    							<div class="card card-custom">
    								<div class="card-header">
    									<h3 class="card-title">
    										اینپوت
    									</h3>
    								</div>
    								<!--begin::Form-->
    								<form>
    									<div class="card-body">
    										<div class="form-group mb-8">
    											<div class="alert alert-custom alert-default" role="alert">
    												<div class="alert-icon"><i class="flaticon-warning text-primary"></i></div>
    												<div class="alert-text">
    													اینجا یک مثال <code>.form-control</code> اعمال شده برای هر متن درون اینپوت:
    												</div>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label  class="col-2 col-form-label">متن</label>
    											<div class="col-10">
    												<input class="form-control" type="text" value="کاله صنعتگر" id="example-text-input"/>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label for="example-search-input" class="col-2 col-form-label">جستجو</label>
    											<div class="col-10">
    												<input class="form-control" type="search" value="چگونه وب را تسخیر کنم" id="example-search-input"/>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label for="example-email-input" class="col-2 col-form-label">پست الکترونیک</label>
    											<div class="col-10">
    												<input class="form-control" type="email" value="bootstrap@example.com" id="example-email-input"/>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label for="example-url-input" class="col-2 col-form-label">آدرس اینترنتی</label>
    											<div class="col-10">
    												<input class="form-control" type="url" value="https://getbootstrap.com" id="example-url-input"/>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label for="example-tel-input" class="col-2 col-form-label">تلفن</label>
    											<div class="col-10">
    												<input class="form-control" type="tel" value="1-(555)-555-5555" id="example-tel-input"/>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label for="example-password-input" class="col-2 col-form-label">کلمه عبور</label>
    											<div class="col-10">
    												<input class="form-control" type="password" value="hunter2" id="example-password-input"/>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label for="example-number-input" class="col-2 col-form-label">عدد</label>
    											<div class="col-10">
    												<input class="form-control" type="number" value="42" id="example-number-input"/>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label for="example-datetime-local-input" class="col-2 col-form-label">تاریخ و زمان</label>
    											<div class="col-10">
    												<input class="form-control" type="datetime-local" value="2011-08-19T13:45:00" id="example-datetime-local-input"/>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label for="example-date-input" class="col-2 col-form-label">تاریخ</label>
    											<div class="col-10">
    												<input class="form-control" type="date" value="2011-08-19" id="example-date-input"/>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label for="example-month-input" class="col-2 col-form-label">ماه</label>
    											<div class="col-10">
    												<input class="form-control" type="month" value="2011-08" id="example-month-input"/>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label for="example-week-input" class="col-2 col-form-label">هفته</label>
    											<div class="col-10">
    												<input class="form-control" type="week" value="2011-W33" id="example-week-input"/>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label for="example-time-input" class="col-2 col-form-label">زمان</label>
    											<div class="col-10">
    												<input class="form-control" type="time" value="13:45:00" id="example-time-input"/>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label for="example-color-input" class="col-2 col-form-label">رنگ</label>
    											<div class="col-10">
    												<input class="form-control" type="color" value="#563d7c" id="example-color-input"/>
    											</div>
    										</div>
    										<div class="form-group row">
    											<label for="example-email-input" class="col-2 col-form-label">دامنه</label>
    											<div class="col-10">
    												<input class="form-control" type="range"/>
    											</div>
    										</div>
    									</div>
    									<div class="card-footer">
    										<div class="row">
    											<div class="col-2">
    											</div>
    											<div class="col-10">
    												<button type="reset" class="btn btn-success mr-2">ارسال</button>
    												<button type="reset" class="btn btn-secondary">لغو</button>
    											</div>
    										</div>
    									</div>
    								</form>
    							</div>

### استایل تک رنگ

افزودن `.form-controller-solid` می توانید از این کلاس استفاده کنید
ورودی
انتخاب
تکس اریا

    							<div class="card card-custom">
    								<div class="card-header">
    									<h3 class="card-title">
    										اینپوت
    									</h3>
    								</div>
    								<!--begin::Form-->
    								<form class="form">
    									<div class="card-body">
    										<div class="form-group form-group-last">
    											<div class="alert alert-custom alert-default" role="alert">
    												<div class="alert-icon"><i class="flaticon-warning text-primary"></i></div>
    												<div class="alert-text">
    													افزودن <code>disabled</code> or <code>readonly</code> ویژگی بولین در ورودی برای جلوگیری از تعامل کاربر.
    													غیرفعال کردن اینپوت ها با افزودن<code>not-allowed</code> cursor.
    												</div>
    											</div>
    										</div>
    										<div class="form-group">
    											<label>ورودی</label>
    											<input type="email" class="form-control form-control-solid" placeholder="نمونه input"/>
    										</div>
    										<div class="form-group">
    											<label>انتخاب</label>
    											<select class="form-control form-control-solid">
    												<option>1</option>
    												<option>2</option>
    												<option>3</option>
    												<option>4</option>
    												<option>5</option>
    											</select>
    										</div>
    										<div class="form-group">
    											<label for="exampleتکس اریا">تکس اریا</label>
    											<textarea class="form-control form-control-solid" rows="3"></textarea>
    										</div>
    									</div>
    									<div class="card-footer">
    										<button type="reset" class="btn btn-primary mr-2">ارسال</button>
    										<button type="reset" class="btn btn-secondary">لغو</button>
    									</div>
    								</form>
    								<!--end::Form-->
    							</div>

### اینپوت

افزودن `disabled` یا `readonly` ویژگی بولین در ورودی برای جلوگیری از تعامل کاربر. غیرفعال کردن اینپوت ها با افزودن کرسر .
اینپوت غیرفعال
انتخاب اینپوت
تکس اریا غیرفعال
اینپوت فقط خواندنی
تکس اریا فقط خواندنی

    							<div class="card card-custom">
    								<div class="card-header">
    									<h3 class="card-title">
    										اینپوت
    									</h3>
    								</div>
    								<!--begin::Form-->
    								<form class="form">
    									<div class="card-body">
    										<div class="form-group form-group-last">
    											<div class="alert alert-custom alert-default" role="alert">
    												<div class="alert-icon"><i class="flaticon-warning text-primary"></i></div>
    												<div class="alert-text">
    													افزودن <code>disabled</code> or <code>readonly</code> ویژگی بولین در ورودی برای جلوگیری از تعامل کاربر.
    													غیرفعال کردن اینپوت ها با افزودن<code>not-allowed</code> cursor.
    												</div>
    											</div>
    										</div>
    										<div class="form-group">
    											<label>اینپوت غیرفعال</label>
    											<input type="email" class="form-control" disabled="disabled" placeholder="اینپوت غیرفعال"/>
    										</div>
    										<div class="form-group">
    											<label>انتخاب اینپوت</label>
    											<select class="form-control" disabled="disabled">
    												<option>1</option>
    												<option>2</option>
    												<option>3</option>
    												<option>4</option>
    												<option>5</option>
    											</select>
    										</div>
    										<div class="form-group">
    											<label for="exampleتکس اریا">تکس اریا غیرفعال</label>
    											<textarea class="form-control" disabled="disabled" rows="3"></textarea>
    										</div>
    										<div class="form-group">
    											<label>اینپوت فقط خواندنی</label>
    											<input type="email" class="form-control" readonly placeholder="اینپوت فقط خواندنی"/>
    										</div>
    										<div class="form-group">
    											<label for="exampleتکس اریا">تکس اریا فقط خواندنی</label>
    											<textarea class="form-control" readonly rows="3"></textarea>
    										</div>
    									</div>
    									<div class="card-footer">
    										<button type="reset" class="btn btn-primary mr-2">ارسال</button>
    										<button type="reset" class="btn btn-secondary">لغو</button>
    									</div>
    								</form>
    								<!--end::Form-->
    							</div>

### اندازه اینپوت

ارتفاعات را با استفاده از کلاس هایی مانند تنظیم کنید`.form-control-lg`, و با استفاده از کلاس های ستون گرید ، عرض را تنظیم کنید `.col-lg-*`
اینپوت بزرگ
اینپوت پیش فرض
اینپوت کوچک
سلکت بزرگ
سلکت پیش فرض
سلکت کوچک

    							<div class="card card-custom">
    								<div class="card-header">
    									<h3 class="card-title">
    										اندازه اینپوت
    									</h3>
    								</div>
    								<!--begin::Form-->
    								<form class="form">
    									<div class="card-body">
    										<div class="form-group form-group-last">
    											<div class="alert alert-custom alert-default" role="alert">
    												<div class="alert-icon"><i class="flaticon-warning text-primary"></i></div>
    												<div class="alert-text">
    													ارتفاعات را با استفاده از کلاس هایی مانند تنظیم کنید<code>.form-control-lg</code>, و با استفاده از کلاس های ستون گرید ، عرض را تنظیم کنید <code>.col-lg-*</code>
    												</div>
    											</div>
    										</div>
    										<div class="form-group">
    											<label>اینپوت بزرگ</label>
    											<input type="email" class="form-control form-control-lg"  placeholder="اینپوت بزرگ"/>
    										</div>
    										<div class="form-group">
    											<label>اینپوت پیش فرض</label>
    											<input type="email" class="form-control"  placeholder="اینپوت بزرگ"/>
    										</div>
    										<div class="form-group">
    											<label>اینپوت کوچک</label>
    											<input type="email" class="form-control form-control-sm"  placeholder="اینپوت بزرگ"/>
    										</div>
    										<div class="form-group">
    											<label for="exampleانتخابl">سلکت بزرگ</label>
    											<select class="form-control form-control-lg" id="exampleانتخابl">
    												<option>1</option>
    												<option>2</option>
    												<option>3</option>
    												<option>4</option>
    												<option>5</option>
    											</select>
    										</div>
    										<div class="form-group">
    											<label for="exampleانتخابd">سلکت پیش فرض</label>
    											<select class="form-control" id="exampleانتخابd">
    												<option>1</option>
    												<option>2</option>
    												<option>3</option>
    												<option>4</option>
    												<option>5</option>
    											</select>
    										</div>
    										<div class="form-group">
    											<label for="exampleانتخابs">سلکت کوچک</label>
    											<select class="form-control form-control-sm" id="exampleانتخابs">
    												<option>1</option>
    												<option>2</option>
    												<option>3</option>
    												<option>4</option>
    												<option>5</option>
    											</select>
    										</div>
    									</div>
    									<div class="card-footer">
    										<button type="reset" class="btn btn-success mr-2">ارسال</button>
    										<button type="reset" class="btn btn-secondary">لغو</button>
    									</div>
    								</form>
    								<!--end::Form-->
    							</div>

### کنترل های سفارشی

از عناصر فرم کاملاً سفارشی ما برای جایگزینی پیش فرض مرورگر استفاده کنید. آنها بالای مارک معنایی و در دسترس ساخته شده اند ، از عناصر فرم کاملاً سفارشی ما برای جایگزینی پیش فرض مرورگر استفاده می کنند. آنها در بالای نشانگر معنایی و در دسترس ساخته شده اند ، بنابراین جایگزین های محکم برای هرگونه کنترل فرم پیش فرض هستند.
سفارشی دامنه
سلکت سفارشی
مرورگر فایل
انتخاب فایل

    							<div class="card card-custom">
    								<div class="card-header">
    									<h3 class="card-title">
    										کنترل های سفارشی
    									</h3>
    								</div>
    								<!--begin::Form-->
    								<form class="form">
    									<div class="card-body">
    										<div class="form-group form-group-last">
    											<div class="alert alert-custom alert-default" role="alert">
    												<div class="alert-icon"><i class="flaticon-warning text-primary"></i></div>
    												<div class="alert-text">
    													 از عناصر فرم کاملاً سفارشی ما برای جایگزینی پیش فرض مرورگر استفاده کنید. آنها بالای مارک معنایی و در دسترس ساخته شده اند ، از عناصر فرم کاملاً سفارشی ما برای جایگزینی پیش فرض مرورگر استفاده می کنند. آنها در بالای نشانگر معنایی و در دسترس ساخته شده اند ، بنابراین جایگزین های محکم برای هرگونه کنترل فرم پیش فرض هستند.
    												</div>
    											</div>
    										</div>
    										<div class="form-group">
    											<label>سفارشی دامنه</label>
    											<div></div>
    											<input type="range" class="custom-range" min="0" max="5" id="customدامنه2"/>
    										</div>
    										<div class="form-group">
    											<label>سلکت سفارشی</label>
    											<div></div>
    											<select class="custom-select form-control">
    												<option selected>باز کردن سلکت منو</option>
    												<option value="1">یک</option>
    												<option value="2">دو</option>
    												<option value="3">سه</option>
    											</select>
    										</div>
    										<div class="form-group">
    											<label>مرورگر فایل</label>
    											<div></div>
    											<div class="custom-file">
    												<input type="file" class="custom-file-input" id="customفایل"/>
    												<label class="custom-file-label" for="customفایل">انتخاب فایل</label>
    											</div>
    										</div>
    									</div>
    									<div class="card-footer">
    										<button type="reset" class="btn btn-primary mr-2">ارسال</button>
    										<button type="reset" class="btn btn-secondary">لغو</button>
    									</div>
    								</form>
    								<!--end::Form-->
    							</div>

### پروفایل کاربر 12 پیام

محسن برومند
توسعه اپلیکیشن
jm@softplus.com خروج
پروفایل من
تنظیمات اکانت بروزرسانی
پیام های من
صندوق پیام ها و کارها
فعالیت های من
لاگ ها و اعلان ها
کارهای من
اخرین کارها و پروژه ها

##### آخرین اعلان ها

اهداف دیگر موعد 2 روز
+28%
برای مردم خواهد بود موعد 2 روز
+50%
هدف این خواهد بود که ترغیب شود موعد 2 روز
-27%
بهترین محصول موعد 2 روز
+8%

#### سبد خرید

iBlender بهترین وسایل آشپزخانه در سال 2020
دلار 350 5
پاک کننده هوشمند ابزار هوشمند برای پخت و پز
650دلار 4
دوربین دوربین حرفه ای برای عکس
150دلار 3
چاپگر 4D ساخت اشیاء منحصر به فرد
دلار 1450 7
موشن ابزار انیمیشن ایده آل
650دلار 7

##### پیام های سیستم

نویسندگان برتر موفق ترین ها
+82دلار
نویسندگان محبوب موفق ترین ها
+280دلار
کاربران جدید موفق ترین ها
+4500دلار
فعال مشتریان موفق ترین ها
+4500دلار
تم پرفروش موفق ترین ها
+4500دلار

##### اعلان ها

اهداف دیگر موعد 2 روز
+28%
برای مردم خواهد بود موعد 2 روز
+50%
هدف این خواهد بود که ترغیب شود موعد 2 روز
-27%
بهترین محصول موعد 2 روز
+8%
5 گزارش تولید شده توسط کاربر جدید
گزارش ها بر اساس فروش
2 موارد جدید ارسال شد
توسط محمد رضایی
فایل های ایجاد شده
گزارش ها بر اساس فروش
دلار2900 ارزش محصولات فروخته شده
جمع آوری 234 مورد
میانگین زمان پاسخگویی 4.5 ساعت
فاستوست باری است
3 هشدارهای دفاعی
هفته گذشته 40٪ هشدار کمتری دارد
میانگین 4 پست وبلاگ برای هر نویسنده
12 بار ارسال شده است
هفته گذشته 16 نویسنده پیوستند
طراح
2 مورد جدید ارسال شده است
توسط محمد رضایی
حجم دانلودها 2 گیگ
مفاهیم بنیادی
دلار2900 ارزش محصولات فروخته شده
جمع آوری 234 مورد
7 گزارش تولید شده توسط کاربر جدید
گزارش ها بر اساس فروش
میانگین زمان پاسخگویی 4.5 ساعت
فاستوست باری است

##### مراقبت از مشتری

فعال کردن اعلان ها:
فعال کردن ردیابی:
پرتال پشتیبانی

##### گزارشات

گزارش عمومیات:
فعال سازی خروچی گزارش
اجازه جمع آوری داده ها:

##### اعضا

فعال سازی عضویت اعضا
اجازه نظر دهی
فعال کردن پرتال مشتری
محسن برومند
فعال
محسن برومند 2 ساعت
چقدر احتمال دارید که شرکت ما را توصیه کنید به دوستان و خانواده خود؟
3 دقیقه شما
سلام در آنجا ، ما فقط می نویسیم تا به شما اطلاع دهیم که در مخزن گیت هاب مشترک شده اید.
محسن برومند 40 ثانیه
باشه ، فهمیدم
همین الان شما
برای همه مشکلات اعلان دریافت خواهید کرد ، درخواستها را بکشید!
محسن برومند 40 ثانیه
شما می توانید با کلیک بر روی این مخزن بلافاصله از حالت انتخاب خارج شوید:https://github.com
همین الان شما
آموزش رو دیدم.
محسن برومند 40 ثانیه
بیشترین دوره های تجاری خریداری شده در این فروش!
همین الان شما
شرکت BBQ برای جشن گرفتن دستاوردها و اهداف سه ماهه آخر. غذا و نوشیدنی تهیه شده

#### انتخاب نسخه ی نمایشی

##### نسخه ی نمایشی 1

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 2

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 3

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 4

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 5

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 6

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 7

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 8

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 9

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 10

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 11

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 12

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 13

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 14

به زودی

##### نسخه ی نمایشی 15

به زودی

##### نسخه ی نمایشی 16

به زودی

##### نسخه ی نمایشی 17

به زودی

##### نسخه ی نمایشی 18

به زودی

##### نسخه ی نمایشی 19

به زودی

##### نسخه ی نمایشی 20

به زودی

##### نسخه ی نمایشی 21

به زودی

##### نسخه ی نمایشی 22

به زودی

##### نسخه ی نمایشی 23

به زودی

##### نسخه ی نمایشی 24

به زودی

##### نسخه ی نمایشی 25

به زودی

##### نسخه ی نمایشی 26

به زودی

##### نسخه ی نمایشی 27

به زودی

##### نسخه ی نمایشی 28

به زودی

##### نسخه ی نمایشی 29

به زودی

##### نسخه ی نمایشی 30

به زودی