چند سوال در مورد bootstrap چیست و چطور باید از آن استفاده کرد

[shervin_20]

با عرض سلام .

دوستان در این پست (http://barnamenevis.org/showthread.php?383591-bootstrap-%DA%86%DB%8C%D8%B3%D8%AA-%D9%88-%DA%86%D8%B7%D9%88%D8%B1-%D8%A8%D8%A7%DB%8C%D8%AF-%D8%A7%D8%B2-%D8%A2%D9%86-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%DA%A9%D8%B1%D8%AF&p=1698124&posted=1#post1698124) یکی از دوستان زحمت کشیدن و در مورد bootstrap توضیحاتی دادن . اما خوب حقیقتا بنده چندین و چند بار اون پست را مطالعه کردم اما اصلا چیزی ازش سر در نیاوردم . !!!!

مثلا ایا اصلا این روش بر روی جوملا 2.5 یا 3 قابل اجراست ؟؟؟

در پست اول که گفته شده است :

بعد از دانلود فایل ها رو کنار بقیه اجزای وبسایتتون بزارین و بعد به فایل های سی اس اس و جاوا اسکریپت بوت اترپ لینک بدید:
مثال:
1
2
<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" />




و:
1
2
<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 سازگاری بهتری پیدا کنه این خط کد رو هم اضافه کنید:
1
2
3
4
<!-- HTML5 shim for IE backwards compatibility -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->




همینطور به این جهت که بوت استرپ ریسپانسیو هست این تکه کد رو هم نیاز دارید:
1
<meta name="viewport" content="width=device-width, initial-scale=1.0">



فایل ها را باید کجا لینک بدیم ؟؟؟ توی فایل ایندکس اصلی یا کجا ؟؟؟

یا مثلا کد HTML را باید کجا قرار بدیم ؟؟؟

حقیقتش من اصلا از اون اموزش سر در نیاوردم . به دوست عزیز hamidre13 (http://barnamenevis.org/member.php?150643-hamidre13) هم اطلاع دادم اما متاسفانه نتونستید به بنده کمکی بکنند . دوستان اموزش روان تری سراغ ندارید ؟؟؟

کسی میتونه در این زمینه به بنده کمک کنه ؟

خیلی ضروری هست

[pnusharp]

سلام
دوست عزیز، استفاده از bootstrap که سخت نیست.
از اینجا http://twitter.github.com/bootstrap/ دانلودش کن.
حالا فایل دانلود شده رو بزار کنار index.php و css ها و jsها رو لینک بزن و آدرس لینکها رو هم از root یا همون www بزن مثلا: bootstrap/js/bootstrap.min.js

پایدار باشید.

[hamidre13]

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

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/bootstrap-responsive.min.css" type="text/css" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/bootstrap.min.js"></script>


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