آشنایی با Bootstrap

اگر بخواهیم بوت استرپ را در یک جمله کوتاه معرفی کنیم ،فریمورکی است که برای توسعه ظاهر (Front-end) وب سایت ها از آن استفاده می‌شود. Bootstrap یکی از پروژه‌های توییتر بود، ماجرا از این قرار بود که توسعه دهندگان Front-end توییتر در مقعطی از زمان در یک پروژه به پیچیدگی بزرگی رسیدند که نمیشد ان را کنترل کرد. آنها به این نتیجه رسیدند استفاده از فریمورک واحد می‌تواند کارها را سریعتر و پروسه توسعه را تسهیل کند. در سال ۲۰۱۱ اولین نسخه از این فریمورک به دنیا معرفی شد و به صورت متن‌باز در گیت‌هاب قرار گرفت.

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

اگر سری به وب سایت رسمی Bootstrap بزنید کلیاتی در مورد فریمورک در اختیار شما قرار می‌دهد. در قدم اول برای اینکه بتوانید از این فریمورک استفاده کنید، کافی است که Source Code آنرا به رایگان دریافت کنید. در این روش تمامی فایل‌های مورد نیاز در اختیار شما قرار می‌گیرد که مانند زیر دسته‌بندی شده‌اند.

همانگونه که می‌بینید هنگامیکه Source Code بوت استرپ را دریافت کنید با سه پوشه مواجه می‌شوید که شامل فایل‌های استایل، فایل‌های جاوااسکریپت و فونت‌های بوت استرپ است. شما می‌توانید نسبت به نیازهای پروژه فایل‌ها را شخصی سازی کنید  و به شکل زیر آنها را در پروژه خود فراخوانی کنید. کد زیر، نمونه یک صفحه ساده وب است که فایل‌های بوت استرپ در آن فراخوانی شده‌اند.

اگر می‌خواهید فایل های بوت استرپ را از طریق CDN فراخوانی کنید می‌توانید به صورت عمل کنید:

در پایان مطلب هم خدمت دوستان عرض کنم که به دلیل Source Code بودن پروژه، نسخه RTL اون هم موجود هست و خیلی راحت می‌تونید از گیت‌هاب دریافت کنید و یا اگر علاقه‌مند به استفاده از CDN هستید، می‌تونید به نسخه RTL بوت استرپ دسترسی داشته باشید.

امین ضیا

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

همچنین ممکن است دوست داشته باشید ...

۶ واکنش

  1. مهدی گفت:

    استفاده از CDN شده بلای جون برنامه نویسهای ایرانی!
    الان اینی که معرفی کردید برای من باز نمیشه 🙁

  2. محمد مهدی ملائیان گفت:

    ممنون.خیلی خوب بود.موفق و پیروز باشید.

  3. علی گفت:

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *