قسمت اول
بوت استرپ یک فریم ورک هست که تلفیقی از جاوا اسکریپت و سی اس اس هست و به طراح کمک زیادی میکنه در طراحی صفحه وب. میتونید بوت استرپ رو از: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">
بعد از این کار شما میتونید از فریم ورک بوت استرپ استفاده کنید.