سیستم Grid در بوت استرپ

سوال

با سلام و خسته نباشید

من تازه شروع به برنامه نویسی کردم و دارم بوت استرپ کار می کنم حالا می خواستم بدونم

سیستم Grid در بوت استرپ چیست

 

در حال بررسی 0
Dariush 5 سال 4 پاسخ ها 388 دیده شده 0

پاسخ ها ( ۴ )

  1. در نمونه مثال بالا ابتدا یک row ایجاد میکنیم، سپس تعدادی ستون را اضافه میکنیم (ستون هایی که با کلاس *-*-col. مشخص شده اند). دقت داشته باشید که مجموع اعداد در ستون هایی که با *-*-col. برای هر row مشخص میشوند باید برابر با عدد ۱۲ باشد.

  2. سیستم grid در بوت استرپ بر اساس flexbox ساخته شده است و به شما اجازه می دهد تا ۱۲ ستون هم در یک صفحه ایجاد کنید.

  3. سلام دوست درسمنی

    سیستم Grid در بوت استرپ (Bootstrap) به شما اجازه میدهد که بر مبنای ۱۲ ستون صفحه ی خود را ایجاد کنید. اگر شما نمیخواهید از ۱۲ ستون به طور مشخص استفاده کنید

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

    کلاس های Grid

    سیستم Grid در بوت استرپ ۴ نوع کلاس دارد :

    • xs (برای تلفن ها – صفحه نمایش هایی با عرضی  کمتر از ۷۶۸ پیکسل)
    • sm (برای تبلت ها – صفحه نمایش هایی با عرضی برابر یا بزرگتر از ۷۶۸ پیکسل)
    • md (برای لپتاب های کوچک – صفحه نمایش هایی با عرضی برابر یا بزرگتر از ۹۹۲ پیکسل)
    • lg (برای لپتاب ها و دسکتاپ ها – صفحه نمایش هایی با عرضی برابر یا بزرگتر از ۱۲۰۰ پیکسل )

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

    مثال:

     

  4. سیستم Grid در بوت استرپ (Bootstrap) به شما اجازه میدهد که بر مبنای ۱۲ ستون صفحه ی خود را ایجاد کنید. اگر شما نمیخواهید از ۱۲ ستون به طور مشخص استفاده کنید.

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

    سیستم Grid در بوت استرپ ۴ نوع کلاس دارد :

    • xs (برای تلفن ها – صفحه نمایش هایی با عرضی  کمتر از ۷۶۸ پیکسل)
    • sm (برای تبلت ها – صفحه نمایش هایی با عرضی برابر یا بزرگتر از ۷۶۸ پیکسل)
    • md (برای لپتاب های کوچک – صفحه نمایش هایی با عرضی برابر یا بزرگتر از ۹۹۲ پیکسل)
    • lg (برای لپتاب ها و دسکتاپ ها – صفحه نمایش هایی با عرضی برابر یا بزرگتر از ۱۲۰۰ پیکسل )

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

ارسال یک پاسخ