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