آریا بوت استرپ | نمونه کامپوننتهای بوت استرپ در صفحه راست چین

کتابخانه بوت استرپ دوگانه چپ چین و راست چین
ارائه شده توسط شرکت توسعه فن آوری آریا وندیداد

آریا بوت استرپ، بر پایه بوت استرپ نسخه 4.5.3

آریا بوت استرپ بوت استرپ راست چین بوت استرپ
arya bootstrap bootstrap-rtl bootstrap
bootstrap 4.5.3 2021-01-09

این نمایش دهنده تصاویر برای صفحات راست چین اصلاح شده است. به جهت حرکت تصاویر و دکمه های چپ و راست توجه کنید.

تیتر 1

تیتر 2

تیتر 3

تیتر 4

تیتر 5
تیتر 6

تیتر متن کم تاثیر (کم رنگ یا غیرفعال)

تولید برنامه های سفارشی و خاص منظوره مبتنی بر وب و موبایل dolor auctor.

نوشته نمونه

شازده کوچولو ترجمه‌های متعددی به زبان فارسی دارد. محمدجواد کمالی درباره ترجمه‌های فارسی شازده کوچولو در کتاب «تاریخ ترجمه ادبی از فرانسه به فارسی» می‌نویسد: «داستان زیبا و تفکربرانگیزی که از پرفروش‌ترین کتابها در سطح جهان و اثر برگزیده قرن بیستم در فرانسه است و پس از انجیل، بالاترین رکورد ترجمه به سایر زبانها را داراست، در ایران بارها از فرانسه یا انگلیسی کم و بیش با همین عنوان به فارسی ترجمه یا بازنویسی شده و همواره در ردیف کتاب‌های پرخواننده قرار داشته‌است.

این خط از متن در چاپ خوب خواهد بود.

متن تو پر شده.

متن کج شده.

خلاصه گزاره رجوع شود به ر.ج .

کلاسهای تاکیدی

متن کم تاثیر شده

سال 1935، هواپیمای سنت اگزوپری، که برای شکستن رکورد پرواز بین پاریس و سایگون تلاش می‌کرد، در صحرای بزرگ آفریقا دچار نقص فنی شد و به ناچار در همان‌جا فرودآمد.

اگر تو عاشق گل هایی باشی که روی ستاره ها زندگی می کنند خیلی لذت بخشه که شبها به آسمون نگاه کنی. چون همه ستاره ها مثل شکوفه های یک گل هستن...

من نمیتونم باهات بازی کنم آخه من که اهلی نیستم!

شازده کوچولو: این راز منه. خیلی سادست؛ تو فقط با قلبت می تونی چیزی را به درستی ببینی؛ چیزی که واقعیه با چشم دیده نمی شه.

شازده کوچولو گفت: گناه از خود توست. من که بدی به جان تو نمی خواستم. تو خودت خواستی که من تو را اهلی کنم...

نقل قول

البته گل سرخ من در نظر یک رهگذر عادی به شما می ماند ولی او به تنهایی از همه شما سر است.

آنتوان دو سنت اگزوپری شازده کوچولو

البته گل سرخ من در نظر یک رهگذر عادی به شما می ماند ولی او به تنهایی از همه شما سر است.

آنتوان دو سنت اگزوپری شازده کوچولو

البته گل سرخ من در نظر یک رهگذر عادی به شما می ماند ولی او به تنهایی از همه شما سر است.

آنتوان دو سنت اگزوپری شازده کوچولو
نوع سر ستون سر ستون سر ستون
عمل محتوای سلول محتوای سلول محتوای سلول
پیش فرض محتوای سلول محتوای سلول محتوای سلول
اصلی محتوای سلول محتوای سلول محتوای سلول
فرعی محتوای سلول محتوای سلول محتوای سلول
موفقیت آمیز محتوای سلول محتوای سلول محتوای سلول
خطر محتوای سلول محتوای سلول محتوای سلول
اخطار محتوای سلول محتوای سلول محتوای سلول
اطلاعات محتوای سلول محتوای سلول محتوای سلول
روشن محتوای سلول محتوای سلول محتوای سلول
تاریک محتوای سلول محتوای سلول محتوای سلول
راهنما
آدرس ایمیل شما در جایی نمایش داده نمی شود.
متن تمام عرض برای کنترل بارگذاری فایل.
دکمه رادیویی
جعبه چک
عالی! به درستی انجام شد.
با عرض پوزش، این نام کاربری استفاده شده است، می خواهید نام دیگری انتخاب کنید؟
.00
ريال
کنترلهای سفارشی
پیام در پاسخ به فایل انتخاب شده

حجم انبوه تولید بسته‌های نرم‌افزارهای و عدم تطابق نظیر به نظیر نیازمندی‌های سازمانی با بسته‌های نرم‌افزاری، موجب گردیده سازمان‌ها با هزینه‌های مازادی روبرو گشته که می‌تواند باعث هدر رفتن منابع نیروی انسانی، زمان و مالی گردد. تولید نرم‌افزارهای خاص منظوره و سفارشی به همراه ارائه راهکارهای عملیاتی برای حفظ یکپارچگی کلیه سیستم‌های سازمان می‌تواند نیاز امروز سازمان‌ها را مرتفع ساخته و باعث صرف جویی در منابع انسانی، زمان و منابع مالی ذی‌نفعان سازمان سازمان گردد.

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

شماره صفحه

اعلان ها

اخطار!

به نظر می رسد اطلاعات درستی را انتخاب نکرده اید، راهنمای سایت را مطالعه فرمایید.

خطا! اطلاعات وارد شده را تغییر دهید سپس دوباره اقدام کنید.
موفقیت آمیز! عملیات شما با موفقیت انجام شد، داده ها را از اینجا ببینید.
اطلاع رسانی! این اعلان به توجه شما نیاز دارد، اما خیلی ویژه نیست.
اتفاقی افتاده! برخی از اطلاعات ورودی را تغییر داده و دوباره تلاش کنید. راهنما
خوبه! شما با موفقیت این پیام مهم را خواندید.
اطلاع رسانی! این اعلان به توجه شما نیاز دارد، اما خیلی ویژه نیست.

مدال و نشان

اصلی فرعی موفقیت آمیز خطر اخطار اطلاعات روشن تاریک
اصلی فرعی موفقیت آمیز خطر اخطار اطلاعات روشن تاریک

ساده و پایه

جایگزینهای مبتنی بر نوع

نوار چندگانه

خط دار

انیمیشن

سلام دنیا!

شرکت توسعه فن‌آوری آریا وندیداد با بهره‌گیری از بهترین فن‌آوری‌های حوزه طراحی و برنامه‌نویسی وب سایت، فریمورک مدیریت پیاده سازی پورتال و برنامه های مبتنی بر وب با نام «گلاویژ»، با امکان صد در صد شخصی‌سازی را پیاده‌سازی نموده است.


به کارگیری فریمورک «گلاویژ» در طراحی وب سایت این امکان را فراهم می‌آورد که وب سایت به صورت پویا با امکان نمایش صحیح روی دستگاه‌های مختلف با سایز نمایش متفاوت طراحی و تولید گردد. همچنین قابلیت برقراری با انواع سیستم‌ها و نرم‌افزارهای سازمانی به جهت سهولت، سرعت و عدم تکرار اطلاعات در سیستم‌های مختلف از جمله امکاناتی است که به صورت سفارشی و شخصی‌سازی با توجه به سیستم‌های موجود در هر سازمان قابل پیاده‌سازی است.

بیشتر بدانید

گروه های لیستی

کاردها

تیتر

عنوان کارد اصلی

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد فرعی

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد موفقیت آمیز

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد خطر

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد اخطار

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد اطلاعات

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد روشن

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد تاریک

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد اصلی

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد فرعی

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد موفقیت آمیز

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد خطر

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد اخطار

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد اطلاعات

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد روشن

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

عنوان کارد تاریک

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

تیتر

یک عنوان ویژه
کارد از زیر عنوان پشتیبانی می کند
Card image

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

  • پیامهای تلگرام
  • پیامهای ایسنتاگرام
  • ایمیلهای خوانده نشده

عنوان کارد

زیر عنوان

تفاوت بین یک آدم موفق با دیگران کمبود استعداد، یا اطلاعات نیست، بلکه کمبود اراده است.

پیوند در کارد پیوندی دیگر

اجباری

Popovers

Tooltips

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

15 دیدگاه

سیما سرو 1399/06/22 16:09
سلام با این کار خیلی کمک بزرگی به برنامه نویسای فارسی زبان انجام دادین تشکر از تیم خوب شما

پاسخ به این دیدگاه

حسین خزائی 1399/06/24 14:09
با سلام خوشحالیم که آریا بوت استرپ مورد توجه شما قرار گرفته است. سپاس گزاریم.
میلاد 1399/04/15 17:07
با سلام و تشکر از شما بابت ارائه بوت استرپ راست به چپ بوت استرپ 5 - نسخه آلفا منتشر شده است. برای رای راست به چپ آن برنامه ای دارید؟ در ضمن توضیحاتی رو در خصوص راست به چپ در خود بوت استرپ دیدم: https://blog.getbootstrap.com/#coming-soon-rtl-offcanvas-and-more

پاسخ به این دیدگاه

حسین خزائی 1399/06/24 14:09
با سلام درحال حاضر برنامه ای برای بوت استرپ 5 نسخه الفا در دست نیست. پس از نهایی شدن بوت استرپ نسخه 5 در صورتی که خصوصیت راست چین آن نیازمند اصلاح باشد آریا بوت استرپ نسخه 5 نیز منتشر خواهد شد. فعلا منتظر خروجی نسخه 5 خواهیم بود. باتشکر
قربانی 1399/04/10 01:06
از لحاظ اموزش خیلی ضعیف عمل کرده اید تو صفحه نمونه خوب بود یه توضیحی هم در مورد عناصر بدید مثل بگید تکست باکس با سایز مختلف چطور باید قرار داده بشه و ...

پاسخ به این دیدگاه

حسین خزائی 1399/06/24 14:09
سلام دوست عزیز هدف اولیه ما ارائه بوت استرپ راست چین بوده که بعد ها آموزش های ساده ای نیز به سایت اضافه شده است. در آینده آموزش های بیشتری نیز به سایت اضافه خواهد شد. برای موضوع مطرح شده به مقاله زیر مراجعه فرمایید http://abs.aryavandidad.com/fa-ir/HOWTO/2/%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%B3%DB%8C%D8%B3%D8%AA%D9%85-%DA%AF%D8%B1%DB%8C%D8%AF-%D8%A8%D9%88%D8%AA-%D8%A7%D8%B3%D8%AA%D8%B1%D9%BE-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A7%DA%A9%D9%86%D8%B4-%DA%AF%D8%B1%D8%A7-(%D8%B1%D8%B3%D9%BE%D8%A7%D9%86%D8%B3%DB%8C%D9%88) باتشکر.
محمد 1399/01/13 16:04
دستتون درد نکنه خیلی خوبه. با توجه به اینکه به تعداد زیادی دستورهای html['rtl'] و html['ltr'] رو استفاده کردید روی پرفورمنس تاثیر نمیذاره؟ اگر میذاره لطفا یک نسخه هم فقط برای RTL آماده کنید.

پاسخ به این دیدگاه

آریا وندیداد 1399/01/19 10:04
سلام محمد عزیز ممنون از توجه شما موضوعی که عنوان کردید تاثیر مشهودی روی کارایی یا سرعت لود صفحات نداره، البته مطمنا در مقایسه با نسخه های rtl مقداری حجم فایل بیشتر خواهد بود که با توجه به نوع استفاده می تونه مقرون به صرفه باشد (مخصوصا وقتی که یک سایت به دو چارچوب راست چین و چپ چین نیاز داشته باشه)
رضا 1398/12/25 11:03
این سایت خیلی خوبه ممنون

پاسخ به این دیدگاه

آریا وندیداد 1399/01/10 20:03
سپاس دوست عزیز خوشحالیم که آریا بوت استرپ مورد توجه تون قرار گرفته
میرزایی 1398/11/16 21:02
با سلام ضمن عرض تشکر و خسته نباشید js/jquery.slim.min.js در فایل زیپ شده نبود دلیل خاصی دارد یا خیر با تشکر

پاسخ به این دیدگاه

آریا وندیداد 1398/11/19 16:02
برای راحتی دوستان می توانید از آدرس زیر فایل jquery.slim را دانلود کنید: https://code.jquery.com/jquery-3.4.1.slim.min.js
آریا وندیداد 1398/11/19 16:02
سلام دوست عزیز و گرامی دلیل خاصی نداشته، چون jquery.slim رو به راحتی میشه پیدا و دانلود کرد توی فایلهای نذاشتیم.
میلاد 1398/11/06 10:01
با درود و تشکر از شما بابت ارائه نسخه راستچین و فارسی، لطفا نسخه ی جدید بر مبنای نسخه ی 4.4 رو هم ارائه دهید. بعلاوه شبکه بندی راست چین (grid) رو هم ارائه دهید.

پاسخ به این دیدگاه

آریا وندیداد 1398/11/14 19:02
با سلام و احترام خوشحالیم که آریا بوت استرپ مورد توجه شما واقع شده، نسخه آریا بوت استرپ 4.4.1 بر مبنای بوت استرپ 4.4.1 آماده شده و الان در سایت و گیت هاب در دسترس قرار گرفته.
مهدی 1398/10/08 11:12
واقعا کارتون درسته !!دمتون گرم ، یک سوال در این بوت استرپ راست چین از چه فونتی استفاده کردید؟؟

پاسخ به این دیدگاه

آریا وندیداد 1398/10/16 13:01
سلام، خوشحالیم که مورد توجه تون قرار گرفته. اگر منظورتون خود سایت آریا بوت استرپ هست، فوت کودک استفاده شده. (BKodak) موفق باشید
میلاد 1398/09/14 22:12
با سلام، نسخه 4.4 بوت استرپ ارائه شده. لطفا نسخه راستچین رو بروز نمایید.

پاسخ به این دیدگاه

آریا وندیداد 1398/10/16 13:01
سلام، در اولین فرصت نسخه 4.4.1 رو بروزرسانی می کنیم. متشکریم و موفق باشید
میلاد 1398/07/04 12:09
با سلام و تشکر از شما بابت ارائه ی این نسخه ی راستچین. چند تا سوال داشتم از حضورتون. 1) چرا شما اومدید هم نسخه راست چین و هم نسخه چپ چین رو درست کردید؟ همون راست چین کافی نبودش؟ خود بوت استرپ چپ چین رو داره ها. اضافه کاری نیستش؟ 2) من در برخی پروژه ها نیاز به شبکه بندی راست چین به تنهایی دارم، این رو هم میشه درست کنید؟ 3) میشه نسخه های scss رو هم قرار بدین؟

پاسخ به این دیدگاه

آریا وندیداد 1398/07/17 07:10
سلام میلاد عزیز ممنون بابت محبت شما. 1- در واقع ما فقط قابلیت راست چین رو اضافه کردیم و با این کار با کمترین حجم تغییرات شما هر دو فایل رو با هم دارید. برای پروژه های چند زبانه (مثلا فارسی و انگلیسی) کاربرد بهتری داره. 2- متاسفانه فایل گرید به تنهای راست چین نشده. برای این مورد باید از سایتهای دیگه ای کمک بگیرید. برای نسخه 5 ان شاء الله فایلها رو مجزا هم راست چین خواهیم کرد. 3- نسخه scss متاسفانه در پروژه های پیشین با مشکل مواجه شد، برای همین خود بوت استرپ هم پشتیبانی از چارچوب راست چین رو حذف کرد. بنابراین پیشنهاد می کنیم همون نسخه کامپایل شده css رو استفاه کنید. شاد و تندرست باشید
علیرضا 1398/03/21 09:06
سلام برای استفاده از این نسخه جوری که راست چین باشه اگه فایل bootstrap.min.css رو اضافه کنم به پروژم کافیه؟؟

پاسخ به این دیدگاه

آریا وندیداد 1398/03/24 12:06
سلام علیرضای عزیز خوشحالیم که آریا بوت استرپ مورد توجه شما بوده. لازم هست که به تگ html حتما خصوصیت dir رو بدید؛ مثلا: html dir=rtl" برای اطلاعات بیشتر به صفحه "شروع کنید" مراجعه کنید.
میلاد 1398/03/12 11:06
روش تصحیح: در خط 3866 داریم: html[dir=rtl] .custom-switch .custom-control-label::after { right: calc(-2.25rem + 2px); } تبدیل بشه به html[dir=rtl] .custom-switch .custom-control-label::after { left: calc(-2.25rem + 2px); }

پاسخ به این دیدگاه

آریا وندیداد 1398/03/21 08:06
سلام و تشکر بابت توجه تون برای رفع مشکل با توجه به تغییر جهت دستگیره سوییچ، خط مربوط به TranslateX رو تغییر دادیم. لطفا نظرتون در این خصوص رو به ما اعلام کنید. سپاس فراوان
میلاد 1398/03/12 10:06
با سلام و تشکر از شما داشتم با بوت استرپ نسخه ی فارسی تون کار می کردم که متوجه وجود خطا در این عنصر شدم. لطفا حتما رسیدگی نمایید و درستش کنید. https://getbootstrap.com/docs/4.3/components/forms/#switches در نسخه فارسی، هنگام فعال کردن اینجور دکمه های .custom-switch اشکالی بوجود می آید.

پاسخ به این دیدگاه

1398/03/21 08:06
سلام ضمن تشکر از شما بابت انتخاب آریا بوت استرپ و اعلام اشکال در خصوص سوییچ در نسخه جدید اصلاح انجام شد و در سایت و گیت هاب بروزرسانی شد. سپاسگزاریم
میلاد 1398/02/25 17:05
با سلام و تشکر از شما مشکلی که قابل مشاهده می باشد در خصوص نمایشگر چرخشی carousel است. جهت حرکت با نشانگرهای وسط صفحه همخوانی ندارد. فرض کنید در حالت اولیه 5 عکس داریم، و نشانگر روی اولی سمت راست باشد. وقتی که پیکان سمت چپی رو کلیک می کنیم باید عکس حاضر از سمت راست خارج شود و عکس جدید از سمت چپ وارد شود، بعلاوه نشانگر از سمت راست اولی یک گام به جلو بردارد و به از سمت راست دومی تغییر حرکت دهد. این قاعده در نسخه انگلیسی موجود است، ولی در نسخه فارسی برگردان شما به نحو کاملا متفاوتی صورت گرفته و مبناتون و خروجی تون متفاوته. شما پیکان هارو به معنای دیگری گرفتید و به نحو دیگه ای بازسازی کردید. این هم شدنی هستش ولی به نظرم به واسطه ی نشانگرها حالت کلی خروجی نامطلوب هستش.

پاسخ به این دیدگاه

آریا وندیداد 1398/02/28 04:05
سلام میلاد جان موردی که شما بهش اشاره کردین، درست هست. تمامی اسلایدشوهای انگلیسی به همین ترتیبی که شما اشاره کردید، کار می کنند. و وقتی اونها رو در فارسی استفاده می کنیم تغییری نمی کنند و به اون روش حرکت عادت کردیم. در صورتی که در اسلایدشو فارسی، اسلایدها باید از سمت چپ وارد صفحه شوند. دلیل اون این هست که اگر نوشته ای روی اسلاید باشه، اسلاید فارسی باید از سمت راست وارد صفحه بشه تا متن قابلیت خواندن داشته باشه، در غیر اینصورت متن تا زمانی که اسلاید کامل نشه قابل خواندن نیست. (همین دلیل باعث میشه ما در فارسی اسلاید، متن، آگهی و ... رو از سمت چپ وارد تصویر کنیم.) و مورد بعدی اینکه ما در فارسی جهت بعدی و قبلی رو با سمت راست و چپ می شناسیم (برعکس انگلیسی) برای همین هم حرکت اسلایدها و هم حرکت دکمه رو تغییر دادیم. فکر می کنم با توجه به دیدگاه شما لازم هست در نسخه بعدی ما هر دو قابلیت پیش فرض بوت استرپ و نسخه فارسی رو قرار بدیم که طراحان خودشون بتونن تعیین کنند که به کدوم شکل از کروسل استفاده کنن. ممنون بابت دیدگاه و وقتی که گذاشتید.
اکبر عبداله 1398/02/03 03:04
خیلی کارخوبی انجام دادین . ممنون وسپاس

پاسخ به این دیدگاه

آریا وندیداد 1398/02/03 13:04
خواهش می کنم، خوشحالیم که مورد توجه شما قرار گرفته

دیدگاه شما

کاربر گرامی خواهشمند است به موارد زیر دقت فرمایید:
• لطفا فارسی تایپ کنید و با حروف لاتین (فینگلیش) ننویسید.
• دیدگاه های ارائه شده پس از بازبینی منتشر می‌شود.
• آدرس ایمیل در سایت نمایش داده نمی شود.