در حال بارگیری پنل مدیریت...

    • نشانک ها
      آیکون نشانک ها بصورت شبکه ای
    • داشبورد شبکه ای
      شبکه کشویی داخل
    • محتوا
      فعالیت
      مخاطب
      گزارش ها
      اتوماسیون
      تنظیمات
    • اعلان ها
      شما 6 پیام خوانده نشده دارید
    • شخصی پستهای شما را لایک کرد

      2 ساعت قبل

    • 3 نظر جدید

      1 ساعت قبل

    • همه اعلان ها
    • ایمان پاکروح
      طراح سایت
    • پروفایل
    • صندوق پستی
    • میز کار
    • تنظیمات

شبکه

پنل ادمین
  2. عناصر Ui
  3. شبکه
گزینه های شبکه
شبکه بوت استرپ اجازه می دهد تا بلوک های انعطاف پذیر با ارتفاع برابر به راحتی ایجاد کنید

در حالی که بوت استرپ استفاده می کند em یا rem برای تعریف بیشتر اندازه ها ، px برای نقاط شکست شبکه و عرض کانتینر استفاده می شوند. دلیل این امر این است که عرض viewport بر حسب پیکسل است و با تغییر نمی کند font size.

فوق العاده کوچک
<576px		 کوچک
≥576px		 متوسط
≥768px		 بزرگ
≥992px		 فوق العاده بزرگ
≥1200px
رفتار شبکه افقی در هر زمان برای شروع ، افقی بالاتر از نقاط شکست ، جمع می شود
حداکثر عرض ظرف هیچ (خودکار) 540px 720px 960px 1140px
پیشوند کلاس .col- .col-sm- .col-md- .col-lg- .col-xl-
تعداد ستونها 12
عرض ناودان 30 پیکسل (15 پیکسل در هر طرف ستون)
بی حفره بله
جبران کردن بله
سفارش ستون بله
ستون شبکه

با استفاده از یک مجموعه واحد از .col-md-* کلاسهای شبکه ، شما می توانید یک سیستم شبکه اصلی ایجاد کنید که قبل از اینکه به صورت افقی در دستگاه های دسک تاپ (متوسط) قرار گیرد ، روی دستگاه های تلفن همراه و دستگاه های رایانه لوحی (محدوده کوچک تا کوچک) انباشته می شود. ستون های شبکه را در هر مورد قرار دهید .row.

col-md-1
col-md-2
col-md-2
col-md-3
col-md-4
col-md-5
col-md-7
col-md-6
col-md-6
col-md-8
col-md-4
col-md-9
col-md-3
col-md-10
col-md-2
col-md-12
تنظیم یک عرض ستون

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

1 of 3
2 of 3 (گسترده تر)
3 of 3
1 of 3
2 of 3 (گسترده تر)
3 of 3
چیدمان عمودی

برای ترازبندی عمودی و افقی ستونها از ابزارهای هم ترازی flexbox استفاده کنید.

یکی از سه ستون
یکی از سه ستون
یکی از سه ستون
یکی از سه ستون
یکی از سه ستون
یکی از سه ستون
یکی از سه ستون
یکی از سه ستون
یکی از سه ستون
یکی از سه ستون
یکی از سه ستون
یکی از سه ستون
تراز افقی

برای ترازبندی عمودی و افقی ستونها از ابزارهای هم ترازی flexbox استفاده کنید.

یکی از دو ستون
یکی از دو ستون
یکی از دو ستون
یکی از دو ستون
یکی از دو ستون
یکی از دو ستون
یکی از دو ستون
یکی از دو ستون
یکی از دو ستون
یکی از دو ستون
ستون تودرتو

برای ترازبندی عمودی و افقی ستونها از ابزارهای هم ترازی flexbox استفاده کنید.

Level 1: .col-sm-9
لول 2: .col-8 .col-sm-6
لول 2: .col-4 .col-sm-6
سفارش

استفاده کنید از .order- کلاسهای کنترل نظم بصری از مطالب شما این کلاس ها پاسخگو هستند ، بنابراین می توانید تنظیم کنید order توسط نقطه شکست (e.g., .order-1.order-md-2). شامل پشتیبانی از 1 شامل پشتیبانی از 12 در تمام پنج طبقه شبکه.

اول ، اما بی نظم
دوم ، اما آخرین
سوم ، اما اول
اول اما آخر
دوم ، اما بی نظم
سوم ، اما اول
انحراف

با استفاده از ستون ها را به سمت راست حرکت دهید .offset-md-* کلاس ها. این کلاس ها حاشیه سمت چپ ستون را با افزایش می دهند * ستون ها. مثلا، .offset-md-4 حرکت می کند .col-md-4 بیش از چهار ستون

.col-md-4
.col-md-4 .offset-md-4
.col-md-3 .offset-md-3
.col-md-3 .offset-md-3
.col-md-6 .offset-md-3
.col-sm-5 .col-md-6
.col-sm-5 .offset-sm-2 .col-md-6 .offset-md-0
.col-sm-6 .col-md-5 .col-lg-6
.col-sm-6 .col-md-5 .offset-md-2 .col-lg-6 .offset-lg-0