خانه » Bootstrap » بوت استرپ (Bootstrap) چیست؟

بوت استرپ (Bootstrap) چیست؟

بوت استرپ (Bootstrap) چیست؟
امتیاز دهی به این نوشته

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

http://twitter.github.com/bootstrap

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

فایل های جاوا و سی اس اس دارای دو ورژن مینی و معمولی هستند.

ورژن های مینی واسه پروداکش هستن یعنی اینکه فضاهای خالی بین کد ها رو برداشتن تا فایل کم حجم تر بشه ما در این آموزش از ورژن مینی فایل ها استفاده میکنیم.

بعد از دانلود فایل ها رو کنار بقیه اجزای وبسایتتون بزارین و بعد به فایل های سی اس اس و جاوا اسکریپت بوت اترپ لینک بدید:
مثال:
<link rel="stylesheet" href="/templates/seodapop/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="/templates/seodapop/css/bootstrap-responsive.min.css" type="text/css" />

و:

<script type="text/javascript" src="/templates/seodapop/javascript/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/templates/seodapop/js/bootstrap.min.js"></script>

به علاوه جهت اینکه اچ تی ام ال 5 با ای 9 سازگاری بهتری پیدا کنه این خط کد رو هم اضافه کنید:

<!-- HTML5 shim for IE backwards compatibility -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

همینطور به این جهت که بوت استرپ ریسپانسیو هست این تکه کد رو هم نیاز دارید:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

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

همچنین ببینید

Windows 10 Update Switch نرم افزار غیرفعال کردن آپدیت خودکار ویندوز ۱۰

Windows 10 Update Switch نرم افزار غیرفعال کردن آپدیت خودکار ویندوز ۱۰امتیاز دهی به این …

یک دیدگاه

  1. سپاس از نوشتار سودمندتان.

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

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