اسنیپت های مبتنی بر بوت استرپ (Bootsnipp)
امروزه اکثر طراحان وب از فریم ورک ها استفاده می کنند. یکی از بهترین و آشناترین آن ها فریم ورک بوتسترپ می باشد، در این مقاله قصد داریم تا اسنیپت های مبتنی بر بوت استرپ (Bootsnipp) را به شما توضیح بدیم.
بوتسترپ (bootstrap)
این فریم ورک رایگان و استفاده از آن برای تمامی افراد آشنا به برنامه نویسی بسیار ساده می باشد.یکی از ویژگی های بوت استرپ open source بودن آن است و ما در اینجا به معرفی یکی از سایت هایی می پردازیم که با توجه به قالب بوت استرپ کدهای آماده ای را برای شما ارائه می دهد.
برای دسترسی به سایت Bootsnipp می توانید از اینجا وارد آن شوید.
اسنیپت های مبتنی بر بوت استرپ (Bootsnipp)
در ابتدا وارد سایت می شویم و تصویر زیر را مشاهده می کنید.
از منوی Snippets گزینه Tags را انتخاب کنید
و در این قسمت کدها به صورت دسته بندی و مرتب و همچنین تعداد آن ها قرار داده شده اند که می توانید موضوع خود را پیدا کنید.
یکی از موارد را مورد نیاز را انتخاب کرده ، من در اینجا یکی از modal ها را انتخاب کردم و با برگه ای مشابه عکس زیر روبه رو خواهید شد که با توجه به نوع کد بخش های مختلفی مشاهده می شود.
در ادامه تب هایی را مشاهده خواهید کرد که بیانگر کدهای HTML,CSS,JS,Preview می باشند که باید از آنها استفاده کنید و هر کدام از آنها را در مسیر درست در پروژه خود قرار دهید.
نکته: باید توجه داشته باشید برای استفاده این کدها باید ابتدا بوت استرپ را دانلود کرده و از آن استفاده نمایید.
دیدگاهتان را بنویسید