بوت استرپ

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

اگر طراح وب باشین حتما با واژه "رسپانسیو" آشنایی دارین یا قبلا اسمش رو شنیدین. برای طراحی رسپانسیو باید با از مدیاکوئری استفاده کنیم ولی یک راه ساده تر و سریع تر پیش رومون هست که اونم استفاده از فریمورک هاست. فریمورک بوت استرپ به شما کمک میکنه که با یه آشنایی مقدماتی از HTML و CSS بتونید یک سایت...

سلام احتمالا تاحالا راهنمای سایت های مختلف رو دیدید. یک راهنما که وقتی اولین بار وارد یک سایت میشید یک سری توضیحات نشون میده و میگه فلان کارو بکنید و دکمه next اینا داره. من دنبال اینم که چنین چیزی برای وب سایت (php) راه اندازی کنم. توی صفحات فارسی گشتم چیزی پیدا نکردم. اما توی صفحات انگلیسی به...

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

در قسمت قبل سیستم شبکه بندی در بوت استرپ را مورد بحث و بررسی قرار دادیم. در این قسمت مثالهای بیشتری از سیستم شبکه بندی میزنیم تا با نحوه کار بیشتر آشنا شوید.در تمام مثالهای زیر باید کد نوشته شده را داخل کلاس container یا container-fluid قرار دهیم: 1- سه ستون برابر : در کد زیر ما سه ستون با...

در این آموزش قصد داریم سیستم شبکه بندی بوت استرپ را بحث کنیم. شبکه (Grid) چیست؟ با مراجعه به ویکی پدیا تعریف زیر را از شبکه داریم: شبکه در طراحی گرافیکی به یک ساختار (معمولاً دو بعدی) گفته میشود که برای ایجاد محتوای ساخت یافته از خطوط مستقیم عمودی و افقی استفاه میکند. از این سیستم برای...

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