•   اسلاگ : column
  • پلاگین ستون بندی

    کاربرد

    سیستم شبکه بندی بوتسترپ راهی سریع و آسان برای ایجاد وبسایت های واکنش گرا می باشد. برخلاف ورژن بوتسترپ 2 که سیستم شبکه بندی بصورت پیش فرض ثابت در نظر گرفته شده بود. در بوتسترپ 3 همه چیز بصورت واکنش گرا طراحی شده است که برای تنظیم اندازه و نمایش در نمایشگرهای مختلف بسیار مناسب می باشد. سیستم شبکه بندی در بوتسترپ تنها اجازه استفاده از 12 ستون در صفحه را به ما می دهد. در صورت دلخواه می توان ستون ها را با یکدیگر ترکیب نمود و ستون های عریض تری را ایجاد کرد. بوتسترپ شامل کلاس های شبکه بندی پیش فرض برای انواع مختلف نمایشگرها مانند موبایل- تبلت- لپ تاپ و دسکتاپ ها می باشد.

    02.png
    ستون بندی های بوت استرپ برای نمایشگرهای مختلف

    0213.png
    کلاس های استفاده شده برای نمایش در نمایشگرهای متفاوت

    12.png
    نمایش 12 ستون جداگانه در صفحه

    13.png
    ادغام 12 ستون تکی به دو ستون 6 تایی

    147.png
    ادغام 12 ستون تکی به 3 ستون 4 تایی

    تنظیمات عمومی

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

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

    تنظیمات اندازه:

    در این قسمت می توان تعداد ستون های مورد نیاز، برای نمایش در نمایشگرهای مختلف را تنظیم نمود.

    • نمایشگر (بزرگ- متوسط- تبلت- گوشی): تعیین تعداد ستون های مورد نظر از بین 12 ستون.

    • فضای خالی در نمایشگر (بزرگ- متوسط- تبلت- گوشی): تعداد فضای خالی که در سمت راست ستون میتوان ایجاد نمود.

    تنظیمات ظاهری :

    • رنگ پس زمینه قالب: میتوان یک رنگ پس زمینه برای ستون مورد نظر انتخاب نمود.

    • تصویر پس زمینه: میتوان یک تصویر پس زمینه برای قالب مورد نظر انتخاب نمود.

    نکته: نمیتوان همزمان هم رنگ پس زمینه و هم تصویر پس زمینه انتخاب نمود.

    تکرار تصویر پس زمینه: شامل زیرمنوهای زیر است

    1- بدون تکرار: تصویر مورد نظر یکبار در ستون مورد نظر نمایش داده می شود.

    2- تکرار : تصویر مورد نظر در ستون مورد نظر تکرار خواهد شد

    3- تکرار افقی: تصویر مورد نظر بصورت افقی در ستون مورد نظر تکرار خواهد شد.

    4- تکرار عمودی: تصویر مورد نظر به صورت عمودی در ستون مورد نظر تکرار خواهد شد.

    5- دورتادور: تصویر به صورت دورتادور در ستون مورد نظر تکرار خواهد شد.

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

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

    کلاس های CSS: در این قسمت می‌توانید از کلاس های css جهت شخصی سازی ظاهری پلاگین استفاده کنید.

    CSS های اختصاصی : در این قسمت می‌توان css هایی بر اساس نیاز درج کرد تا شکل ظاهری پلاگین مطابق نیاز تغییر یابد.