ورود

View Full Version : اموزش تصویری رسپانسیو کردن قالب با bootstrap


caspianhero
شنبه 10 فروردین 1392, 14:16 عصر
با سلام بر دوستان
کسی اموزش تصویری رسپانسو کردن قالب سایت css با فریم ورک bootstrap را داره؟؟؟ به ما بده!!

سپاس
caspianhero
شنبه 10 فروردین 1392, 19:21 عصر
کسی این کار را تا حالا نکرده!!! با bootstrap
p.parsaee
یک شنبه 11 فروردین 1392, 17:46 عصر
اگر تماما از css class های بوت استرپ استفاده کرده باشید، فقط کافی هست تا فایل bootstrap-responsive.css را به صفحه وب خود بیفزایید. اگر از css class های دیگری هم استفاده کرده اید که بقیه responsive نیستند.
caspianhero
یک شنبه 11 فروردین 1392, 18:43 عصر
متشکر دوست عزیز: من فایل bootstrap را از سایتش دانلود کردم و شامل 3 پوشه به نام های css و img و js بود : داخل پوشه css چهار تا فایل به نام های
bootstrap,bootstrap.min , bootstrap-responsive,bootstrap-responsive.min
بود : من تمام فایل ها را لینک دادم به قالبم ولی اتفاقی نیفتاد: ایا تنظیم خاصی دارد؟؟؟

سپاس
p.parsaee
یک شنبه 11 فروردین 1392, 21:09 عصر
فایل bootstrap.min نسخه minify شده فایل bootstrap.css هست. و همین طور فایل bootstrap-responsive.min نسخه minify شده فایل bootstrap-responsive هست. (minify شده یعنی اینکه فضاهای خالی بین خط کدهای درون فایل حذف شده تا از حجم فایل کاسته شود)

برای استفاده از قابلیت responsive این فریمورک احتیاج به تنظیم خاصی ندارد ، فقط باید از css class های مربوط به آن در سایت خود استفاده نمائید. مثلا کلیه تگ ها درون یک تگ div با class="container" قرار می گیرند. یا اگر بخواهید صفحه وب را ناحیه بندی کنید بوسیله تگهای div با کلاسهای سی اس اس span1 تا span12 این کار را انجام می دهید. باید این موارد را رعایت نماید و همچنین موارد دیگر که آموزش آن در سایت خود این فریمورک آمده است:
http://twitter.github.com/bootstrap/

و علاوه بر این ها فایل bootstrap-responsive.min یا فایل bootstrap-responsive ، و همچنین یکی از فایلهای bootstrap یا bootstrap.min را به صفحه خود بیفزایید. البته اینها نسخه چپ به راست هستند. یا باید خودتان دست در کدهای آنها ببرید تا راست به چپ شود یا اینکه نسخه راست به چپ آن را می توانید از سایت زیر دانلود نمائید (خودم نسخه راست به چپ آنرا تست نکرده ام):
http://rbootstrap.ir/
اگر از css های دیگری به غیر از css های bootstrap استفاده کنید ، بدانید که آنها قابلیت responsive را ندارند.
Mohsen Neo
سه شنبه 13 اسفند 1392, 09:41 صبح
آموزش تصویری رسپانسیو CSS3 – Responsive
(http://www.scriptestan.ir/css3-responsive-part-1/)