تعداد بازدید: 221

اسنیپت های مبتنی بر بوت استرپ (Bootsnipp)

امروزه اکثر طراحان وب از فریم ورک ها استفاده می کنند. یکی از بهترین و آشناترین آن ها فریم ورک بوتسترپ می باشد، در این مقاله قصد داریم تا اسنیپت های مبتنی بر بوت استرپ (Bootsnipp) را به شما توضیح بدیم.

بوتسترپ (bootstrap)

این فریم ورک رایگان و استفاده از آن برای تمامی افراد آشنا به برنامه نویسی بسیار ساده می باشد.یکی از ویژگی های بوت استرپ open source بودن آن است و ما در اینجا به معرفی یکی از سایت هایی می پردازیم که با توجه به قالب بوت استرپ کدهای آماده ای را برای شما ارائه می دهد.
برای دسترسی به سایت Bootsnipp می توانید از اینجا وارد آن شوید.

اسنیپت های مبتنی بر بوت استرپ (Bootsnipp)

در ابتدا وارد سایت می شویم و تصویر زیر را مشاهده می کنید.

اسنیپت های مبتنی بر بوتسترپ

از منوی Snippets گزینه Tags را انتخاب کنید

اسنیپت های مبتنی بر بوتسترپ

و در این قسمت کدها به صورت دسته بندی و مرتب و همچنین تعداد آن ها قرار داده شده اند که می توانید موضوع خود را پیدا کنید.

اسنیپت های مبتنی بر بوتسترپ

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

منو ، فرم لاگین ، منوی آکاردیونی و صدها اسنتپت مبتنی بر بوتسترپ

در ادامه تب هایی را مشاهده خواهید کرد که بیانگر کدهای HTML,CSS,JS,Preview می باشند که باید از آنها استفاده کنید و هر کدام از آنها را در مسیر درست در پروژه خود قرار دهید.
نکته: باید توجه داشته باشید برای استفاده این کدها باید ابتدا بوت استرپ را دانلود کرده و از آن استفاده نمایید.

مطالب مشابه

ویرایشگر براکت brackets - توضیحات

ویرایشگر براکت Brackets

براکت ویرایشگری با امکانات گرافیکی بسیار قدرتمند که توسط برنامه نویسان زیادی با استفاده از زبان جاوااسکریپت نوشته شده...

اشتراک گذاری :

حمیده عابدی

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

۰ دیدگاه برای اسنیپت های مبتنی بر بوت استرپ (Bootsnipp)

پاسخ دهید

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