بوت استرپ

آموزش بوت استرپ ، شروع کار با بوت استرپ

برای شروع سریع تر می توانید از MaxCDN استفاده نمایید. به این صورت که با قرار دادن آدرس زیر در header وبسایت، مستقیماً از مرجع رسمی بوت استرپ، کلاس ها و فایل ها را فراخوانی کنید. نکته قابل توجه در این روش این است که این کار، باعث کاهش سرعت بارگذاری سایت و در نتیجه کند شدن آن شود ( که توصیه نمی گردد ) [crayon-59ec3c75ece3a086133933/] همچنین افزودن برخی پلاگین های جاوا اسکریپت در انتهای صفحه و قبل از </body> توصیه می شود. دلیل انجام این کار، قابل شناسایی ...

ادامه مطالب
آموزش Bootstrap بخش پنجم- مثالی از ستون های تودرتو در بوت استرپ

با سلام به کابران محترم سایت مردان وردپرس. در ادامه مباحث قبلی ازسری مقالات آموزش بوت استرپ، می خواهیم مثالی از چیدمان ستونها بصورت تودرتو یا Nested را داشته باشیم. در این مثال ما دو ستون داریم که کلاس بندی آن ها از تبلت ها شروع شده و تا صفحات نمایش بزرگ تر مقیاس گذاری می شوند و دو ستون مساوی درون ستون بزرگ تر وجود دارد. درون موبایل ها این دو ستون و ستون های داخلی، همگی بصورت پشت سر هم یا stack قرار خواهند گرفت. [crayon-59ec3c75ee6ad795715008/]   همانطور که در مثال می بینید، پس از کلاس col-sm-8، با گذاشتن کلاس row باعث شکست به خط بعدی شده، و با احتساب آن ستون، ...

ادامه مطالب
آموزش Bootstrap بخش چهارم- تقسیم بندی در دستگاهای متوسط و بزرگ

با سلام خدمت کاربران محترم سایت مردان وردپرس. در این مقاله سعی برآن داریم تا با نحوه تقسیم بندی صفحه با فریمورک بوت استرپ، در دستگاه های متوسط و بزرگ آشنا شویم. دستگاه های medium در بخش قبل، مثالی از تقسیم بندی در bootstrap را برای دستگاه های کوچک ارائه دادیم. از دو div (ستون) استفاده کردیم، که اندازه 25% و 75% را به آنها دادیم. که در زیر مشاهده می کنید: [crayon-59ec3c75eec1a896968428/] اما در دستگاه های متوسط یا medium، تقسیم بندی صفحه بصورت 50% 50% مناسب تر به نظر می آید. نکته: دستگاه های medium، دستگاه هایی با صفحات نمایشی با عرض 992px تا 1199px تعریف ...

ادامه مطالب
آموزش Bootstrap بخش اول – معرفی و فراخوانی

در زمان های قدیم تنها مشکل طراحان وب چند مرورگر محبوب بود که خروجی کدهای نوشته شده درون هر کدام از آن ها به یک شکل نمایش داده می شد و طراحان باید با هر مرورگر کدهای خود را مطالبقت می داند، آتش طراحی برای وب زمانی داغ تر و فروزان تر شد که دستگاه های قابل حمل امکان اتصال به نت را پیدا کردند و دیگر می توانستی با هر دستگاهی وب را مشاهده کنید، به راستی می توان گقت طراحی وب تبدیل به جهنمی شد برای طراحان. اما چندی نگذشت که شرکت ها و افراد مشکل را ساده تر کردند یکی از کمپانی های معظم دنیا توییتر بود که در سال 2011 با ارایه فریم ...

ادامه مطالب
دانلود بوت استرپ راست چین (‌ ‌Bootstrap RTL )

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

ادامه مطالب