همانطور که می دانید در صفحه وب فرمها ابزاری جهت تعامل کاربران با سرور می باشند. به همین دلیل طراحان سعی می کنند تا در طراحی و پیاده سازی فرم ها کمال دقت و سلیقه را در نظر بگیرند تا کاربران هر چه راحت تر با آنها ارتباط برقرار کنند. بوت استرپ با اضافه کردن […]

بوت استرپ امکان ایجاد ۷ نوع دکمه مختلف را به شما می دهد. حالت اصلی دکمه ها در bootstrap توسط کلاس btn تعریف می شود. این کلاس فقط روی تگ های a ، input و button کار می کند. در مثال زیر حالت کلی دکمه را برای تگ a تعریف می کنیم :

برای […]

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

از قبل با تگ های بالا آشنایی لازم […]

بوت استرپ Bootstrap به صورت پیش فرض از فونت های Helvetica Neue, Helvetica, Arial, and sans-serif و اندازه فونت ۱۴ پیکسل و فاصله خطوط ۱.۴۲۸ پیکسل برای متون استفاده می کند. تنظیمات از پیش تعریف شده ( شکل و شمایل ) برای تگ های مختلف در Bootstrap سبب نمایش بهتری از تگ ها به صورت […]

یکی از مهم ترین عناصر در محتوای یک وب سایت تصاویر می باشد. تصاویر، محتوای تان را جذاب می کند و محتوایی که دارای تصاویر بهینه باشند، از نظر موتورهای جستجو دارای اهمیت بالایی هستند. سبک دهی و واکنشگرا بودن تصاویر یکی از موضوعات اصلی در طراحی وب است که بوت استرپ کلاس های کاربردی زیادی […]

حتما تا به حال به چهارچوب و نحوه نمایش مطالب و محتوا در مجلات ، روزنامه ها و صفحات وب دقت کرده اید. هر سیستم بنا به نیاز مخاطب خود محتوا را در ستون های مختلف طراحی کرده اند.گاهی وبسایت ها دارای سه ستون و گاهی دو ستون و … می باشند که حتی داخل […]

Container تگ ( container ) پایه ای ترین المان در بوت استرپ است که برای استفاده از سیستم پیش فرض شبکه ای ( Grid System ) کاملاً ضروری است. ( این تگ، همانند تگ body عمل می کند و تا زمانی که نوشتن کدهای بوت استرپ به اتمام نرسیده، این تگ به پایان نمی رسد. )

با […]

به خاطر داشته باشید دانستن این نکته بسیار مهم است که کتابخانه های جاوااسکریپت در بوت استرپ، به جی کوئری نیازمند می باشند. کدهای از پیش ساخته شده بوت استرپ: در نسخه دانلود شده ی بوت استرپ، اگر فولدرها را از حالت zip خارج کنید، چیزی شبیه به درختواره ی زیر می بینید: bootstrap/ ├── css/ │ […]

برای شروع سریع تر می توانید از MaxCDN استفاده نمایید. به این صورت که با قرار دادن آدرس زیر در header وبسایت، مستقیماً از مرجع رسمی بوت استرپ، کلاس ها و فایل ها را فراخوانی کنید. نکته قابل توجه در این روش این است که این کار، باعث کاهش سرعت بارگذاری سایت و در نتیجه […]

سایت واکنش گرا یا سایت ریسپانسیو ( Responsive ) سایتی است که با ابعاد و رزولوشن دستگاه های مختلف سازگاری دارد و کاربران بدون توجه به اینکه صفحه نمایش دستگاهشان کوچک باشد ( مثل اکثر گوشی های هوشمند موبایل ( یا نمایشگری متوسط ) مثل لپ تاپ و تبلت ( و یا نمایشگرهای بزرگ ) کامپیوترهای رومیزی […]

خبرهای کوتاه