تلگرام
۰۵۱-۳۸۸۴۶۰۲۷ ۰۹۱۲۰۲۴۸۱۱۲ ۰۹۳۶۷۹۸۸۱۱۲

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

در مقاله قبلی نحوه ایجاد ساختار اولیه قالب رسپانسیو، توسط فریم ورک بوت استرپ را بیان کردیم. در این مقاله در مورد نحوه استفاده از کلاس های بوت استرپ برای ستون بندی صحبت خواهیم کرد.
کلاس های ترکیبی ستون بندی :
زمانی از حالت ترکیبی در ستون بندی صفحات وب استفاده میکنیم که میخواهیم در صفحه نمایش های مختلف، المان ها رفتار متفاوت داشته باشند.
بهترین حالت اصولی و استاندارد ترکیب کلاس ها، استفاده از کلاس md و xs برای نرمال سازی است.
مثال :
۱-کابر با هر وسیله ای که صفحه وب را باز میکند، دو تا بلاک ۶ ستونه را مشاهده کند :

۲-وقتی رزولوشن کمتر از ۷۶۸ (XS) باشد، کل صفحه را پوشش میدهد :

پس در ترکیب کلاس های ستون بندی بصورت زیر عمل کنید :
برای منو یا هر div ای که کل صفحه را می پوشاند یک کلاس col-md-12 تعریف کنید.
اگر هدر و سایدبار داشتید یا بطور کلی دو بخش مجزا داشتید که میخواستید در رزولوشن های مختلف واکنش های متفاوت داشته باشند، از ترکیب کلاس های xs وmd استفاده کنید.
معرفی کلاس clearfix و دلایل استفاده از آن :
اگر کدهای زیر را مشاهده کنید و در مرورگر اجرا کنید متوجه میشوید که بلاک ها به اصطلاح کیک میشوند، یعنی بلاک هایی که هم ارتفاع نیستند، بهم میریزند :

در این مواقع از کلاس clearfix بوت استرپ استفاده میکنیم. این کلاس یک خط شکست ایجاد میکند و به کامپایلر دستور میدهد، که هرجا به div مورد نظر رسید، آن خط را ببندد و در خط بعدی المان ها را نمایش دهد. ( مثل کلید enter در ویرایشگرها )
نکته : این کلاس مانند دستور clear:both در css عمل میکند.
بررسی کلاس های مخفی سازی و نمایش المان ها :
شما میتوانید برای کنترل این دستور و دستورات دیگر در مدیا کوئری های مختلف از کلاس های زیر استفاده کنید. در واقع با این کلاس ها به کامپایلر دستور میدهیم که در چه مدیا کوئری هایی ( چه سایزی و چه ستون هایی ) کلاس مورد نظر hidden باشد یا نمایش داده شود.
مثلا کلاس hidden-xs در سایزهای extra small عنصر را مخفی میکند و در بقیه سایزها عنصر را نمایش میدهد.

در این مثال در مدیا کوئری های مربوط به lg,md این div مخفی میشود.

بوت ستراپ

سوالات متداول

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

پشتیبانی حرفه ای ، کد نویسی بهینه و سرعت لود بالا ، کاملا ایرانی (عدم فارسی سازی) ، سئو حرفه ای ، برخی از تفاوت قالب های فروشگاه توس وب با دیگر قالب ها می باشد.

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

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

بلی ، قالب ها به صورت متن باز(open sorce) می باشد و در صورتی که مشتری دانش فنی کافی داشته باشد ، می تواند در قالب تغیرات دلخواه را اعمال کند ، اما توس وب هیچ ضمانتی برای ایجاد مشکل پس از ویرایش به عهده نمی گیرد.

بله ، برای حذف کپی رایت می توانید از طریق بخش پشتیبانی اقدام نمایید.

خیر ، قالب برای یک دامنه به شما فروخته می شود و برای استفاده مجدد نیاز است دو سوم هزینه قالب را پرداخت نمایید.

تیم توس وب تلاش کرده تا تمامی موارد امنیتی که مربوط به کدنویسی قالب ها بوده را رعایت کند.

بله، قالب هایی که توسط توس وب طراحی می شوند منطبق با آخرین استانداردهای جهانی وب ( استاندارد کنسرسیوم جهانی وب = html css
استاندارد ECMA = استاندارد کدهای جاوا اسکریپت ) می باشد.

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

به محض پرداخت وجه ، شما می توانید فایل قالب را دانلود و استفاده نمائید .

چرا به توس وب اعتماد کنیم ؟

توس وب یک سایت رسمی می باشد و همچنین دارای گواهی نامه های معتبر ( نماد اعتماد الکترونیک از مرکز توسعه و تجارت الکترونیک , نماد ساماندهی از وزارت ارشاد و درگاه پرداخت ایمن بانک ملت ) می باشد

نماد اعتماد
نظرات برخی مشتریات درباره توس وب