براستی الکسا چیست و چگونه کار می کند ، همه کسانی که با کسب و کار وب سایت سر و کار داشته اند نام مقدس الکسا را می شناسند. در این مقاله سعی داریم به یک باور درست در زمینه رتبه بندی سایت توسط الکسا برسیم سعی ما بر آن است تا از منابع معتبری […]

بسیاری از کاربران، وردپرس را به عنوان CMS یا پلتفرم وبلاگ اجرا می کنند. با در دسترس داشتن تعداد بسیار زیادی پلاگین، ساختن یک وبسایت کامل با قابلیت ها و کارآیی بسیار، آسان است. با این وجود این افزونه ها می توانند فایل های اضافی CSS و جاوا اسکریپت را به هدر سایت اضافه کنند که می تواند به […]

پیجر( Pager ) چیست؟ پیجر ( Pager ) نیز نمونه ای از صفحه بندی ( Pagination ) می باشد. پیجر( Pager ) دکمه ها یا لینک های مربوط به صفحه ی بعد یا صفحه ی قبل را فراهم می نماید. برای ایجادِ دکمه های قبلی/بعدی ( next/previous )، کلاسِ pager را به عنصرِ <ul> اضافه […]

ابتدایی ترین گروه لیست عبارت است از یک لیست نامنظم که دارای آیتم های لیست می باشد برای ایجاد یک گروه لیست مقدماتی، عنصرِ<ul> را به کلاسِ.list-group بیفزایید و عنصرهای <li> را به کلاسِ list-group-item اضافه کنیدبرای این کار، ابتدا باید آن را فعال کنیم:

گروه لیست با نشان ها ( Badges ) امکان […]

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

با استفاده از کلاس های .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom, .align-text-top می توان بنا به نیاز، عنصر مورد نظر را تراز عمودی کرد.

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

موقعیت عناصر با استفاده از دستورات کمکی […]

یکی از مهم ترین عناصر در برای نشان دادن پیشرفت یک پروژه ،  نمودار میله ای جهت آمارگیری و … نوار پیشرفت می باشد. نوار پیشرفت ( Progress Bar ) همان تگ <progress> در html5 می باشد که بوت استرپ با ترکیب این المان با css و کمی جاوااسکریپت، به جذابیت بصری آن افزوده است […]

با استفاده از بوت استرپ، می توانیم بلوک بزرگی از صفحات مرتبط را به وسیله صفحه بندی به هم متصل کنیم. بی آنکه صفحه ی بزرگی داشته باشم و بدون آنکه تعداد صفحات را زیاد کنیم. Pagination به وسیله لیست های html ساخته می شود و شبیه به <nav> عمل می کند؛ با این تفاوت […]

دراپ داون ها برای نمایش لیست پیوند ها و موارد دیگر به کار می روند که به وسیله ی پلاگین های جاوا اسکریپت در بوت استرپ ساخته شده اند. با استفاده از کلاس .dropdown در ترکیب با عناصر <a> یا <button>  می توان یه منوی پایین انداز ایجاد کرد.

در اینجا، از دکمه و کلاس .btn […]

کَروسِل، اسلایدری است که برای عکس، متن و برخی محتواها به کار می رود که با استفاده از CSS و جاوا اسکریپت ساخته شده است.​ دقت داشته باشید که در هر صفحه، فقط یکبار می توان از carousel استفاده کرد. ( در واقع carousel های تو در تو )​ مثال اولیه برای درک بیشتر از اسلایدر بوت استرپ، با […]

خبرهای کوتاه