چگونه Bootstrap را با Sass سفارشی کنیم چگونه Bootstrap را با Sass سفارشی کنیم برخی از توسعه دهندگان و تیم ها دریافته اند که کدهای نوشته شده در بوت استرپ نسبت به نگهداری آنها در CSS معمولی راحت تر است، بنابراین آنها بوت استرپ را به vanilla CSS ترجیح می دهند. Web Design 1401/04/04 برنامه نویسان 3624
ساخت تبهای Lazy Loading با Razor Pages و Bootstrap ساخت تبهای Lazy Loading با Razor Pages و Bootstrap رابطهای تببندی شده یک روش عالی برای مدیریت نمایش مقادیر زیادی از اطلاعات در پنلهای جداگانه هستند، که دادههای هر پنل به تنهایی معنادار میباشد، و در هر زمان فقط یک پنل قابل مشاهده است. تبهای مرورگر نمونهای عالی از این مورد هستند. از نظر توسعهدهنده Razor Pages، تبها مخصوصا برای کنترل نمایش دادههای پیچیده در برنامههای تجاری سودمند هستند. برنامه نویسان 1399/05/27 برنامه نویسان 2096
بوتاسترپ 5 نسخه آلفا بوتاسترپ 5 نسخه آلفا بوتاسترپ 5 نسخه آلفا منتشر شده است. تیم بوتاسترپ ماهها تلاش کردند تا کارهایی که در v4 شروع کرده بودند را اصلاح کنند، و اگرچه پیشرفت خوبی داشته است، میخواهند باز هم ویژگیهای جدیدی به آن بیافزایند. Web Design 1399/05/10 ایمان مدائنی 1221
نحوه ایجاد صفحه فرود (Landing Page) با Bootstrap 4 نحوه ایجاد صفحه فرود (Landing Page) با Bootstrap 4 Bootstrap 4 در حال حاضر محبوبترین فریمورک front-end در جهان است. شما میتوانید از آن برای ساخت هر نوع رابط کاربری، از قالبهای ادمین تا وبسایتهایی دارای ویژگی کامل استفاده کنید. در این آموزش گام به گام ما به نحوه ساخت یک صفحه فرود یا همان landing page با استفاده از بوتاسترپ 4 نگاهی میاندازیم . شما میتوانید از آن به عنوان صفحه اصلی استفاده کنید یا آن را به یک کمپین بازاریابی خاص متصل کنید. Web Design 1398/11/20 ایمان مدائنی 2592
ساده ترین راه اعتبارسنجی فرم های وب ساده ترین راه اعتبارسنجی فرم های وب اعتبار سنجی فرم های وب HTML اطمینان می دهد که کاربران داده ها را به درستی و در فرمت درست وارد کرده اند. امروزه اعتبار سنجی فرم های وب تغییر کرده اند. HTML 1397/09/08 برنامه نویسان 2532
20 طراحی UI برای Footer وبسایت 20 طراحی UI برای Footer وبسایت از مثال های این مقاله می توانیم مطالب مختلفی درباره ی Footer ها و طراحی آن ها متوجه شویم. طراحان می توانند Footer های مشابهی نظیر مواردی گفته خواهد شد طراحی کنند و از آن ها در وبسایت خود استفاده کنند. بسیاری از ما Footer را به عنوان یک المان مهم درنظر نمی گیریم اما درواقع Footer شامل موارد مهمی در رابطه با وب سایت و شرکت یا سازمان وبسایت می باشد بنابراین تمام این وبسایت دررابطه با طراحی UI برای Footer های وبسایت خواهد بود. Web Design 1397/05/17 برنامه نویسان 1142
نحوه استفاده از Bootstrap با React نحوه استفاده از Bootstrap با React در این آموزش چندین راه مختلف که می توانیم Bootstrap را با اپلیکیشن React خود ادغام کنیم بررسی خواهیم کردیم و همچنین نحوه ی کار با دو کتابخانه ی محبوب React Bootstrap به نام react-bootstrap و reactstrap را نیز بررسی خواهیم کرد.در این آموزش با چندین کامپوننت Bootstrap نظیر alert ، badge ، dropdown ، navbar ، nav ، form ، button ، card و غیره کار خواهیم کرد. Web Design 1397/05/10 برنامه نویسان 6353
ویژگی های جدید Grid درBootstrap 4 ویژگی های جدید Grid درBootstrap 4 بوتاسترپ 4 تغییرات بسیار و ویژگیهای جدیدی را برای گریدبندی که همه با نسخه 3 آن آشنا هستیم، به ارمغان آورده است. حالا گرید جدید توسط flexbox قدرتمندتر شده است، بسیاری از کلاسهای سودمند تغییر نام دادهاند و XL breakpoint اضافه شده است. Web Design 1397/04/30 برنامه نویسان 3149
ویژگی جدید بوت استرپ 4 به نام Reboot.css ویژگی جدید بوت استرپ 4 به نام Reboot.css اگرشناختی از بوتاسترپ ندارید، باید بگوییم که بوتاسترپ یک فریمورک عالی front-end است. فرقی نمیکند که توسعهدهنده front-end باشید یا back-end، یا یک برنامهنویس حرفهای، در هر صورت بوتاسترپ به همه توسعهدهندگان کمک میکند. Web Design 1396/11/11 ایمان مدائنی 4343
تقویم شمسی بوت استرپ Bootstrap Persian DateTime Picker تقویم شمسی بوت استرپ Bootstrap Persian DateTime Picker وجود تقویم شمسی کارآمد و واکنشگرا یکی از مشکلات همیشگی طراحان وب بوده است. لذا استفاده از امکانات بوت استرپ در بکارگیری یک تقویم شمشی و جلالی بهترین گزینه ی پیش روست. Web Design 1396/10/26 AmirGhasemi 12894
ایجاد Tablist در4 Bootstrap ایجاد Tablist در4 Bootstrap در این مقاله خواهید دید که چگونه یک tablist را به سادگی با کلاس های Bootstrap 4 ایجاد نمایید. یک نمونه ساده و بسیار کاربردی که میتوانید آن را در برنامه های خود گسترش داده و استفاده کنید. Web Design 1396/07/16 برنامه نویسان 2368
کتاب آموزش فریم ورک Bootstrap کتاب آموزش فریم ورک Bootstrap Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد. Bootstrap در ابتدا توسط مارک اتو و جاکوب تورنتون و در جهت ایجاد یک چارچوب ظاهری مشخص و یکسان در ابزارهای توییتر طراحی و نوشته شد. Web Design 1396/06/14 برنامه نویسان 5368
ساخت بنرهشداردهنده با استفاده از Bootstrap و AngularUI Bootstrap در MVC ساخت بنرهشداردهنده با استفاده از Bootstrap و AngularUI Bootstrap در MVC دراین مقاله،نحوه ساخت یک بنر هشداردهنده و یک Modal با قابلیت استفاده مجدد، درMVC به کمک jQuery، Web API، بوت استرپ، AngularJS و AngularUI Bootstrap را آموزش خواهیم داد. ASP.net MVC 1396/06/11 برنامه نویسان 2375
آشنایی با فرم Input ها و Sizing درBootstrap آشنایی با فرم Input ها و Sizing درBootstrap ما در این مقاله قصد داریم که form control های bootstrap را با بیان مثال کاربردی آموزش بدهیم.پس برای شروع همراه ما باشید. Web Design 1396/04/21 برنامه نویسان 2606
معرفی Progress Bar ها، Alert و Label ها در بوت استرپ معرفی Progress Bar ها، Alert و Label ها در بوت استرپ در این مقاله قصد داریم که یکسری از کلاس های کاربردی بوت استرپ همچون Progress Bar ، Alert و Label را با معرفی کلاس های متفاوتشان به همراه مثال به شما معرفی کنیم. Web Design 1396/04/12 برنامه نویسان 2968
ویژگی های جدید Bootstrap 4 ویژگی های جدید Bootstrap 4 این روزها Bootstrap به یک Framework خیلی محبوب برای طراحی وب سایت های رسپانسیو تبدیل شده است. تقریبا چیزی به منتشر شدن نسخه اصلی Bootstrap 4 Beta نمانده است و زمان این رسیده که کمی به جزئیات ماجرا برویم .برای طراحی پروژه هایی که از Bootstrap 3 استفاده می کنند، ما می خواهیم به نسخه جدیدتر مهاجرت کنیم. Web Design 1396/04/03 برنامه نویسان 3854
پیاده سازی Pager و صفحه بندی بوت استرپ پیاده سازی Pager و صفحه بندی بوت استرپ در این مقاله قصد داریم با طرح مثال کاربردیPager و صفحه بندی با بوت استرپ را به شما آموزش بدهیم. HTML 1396/04/03 برنامه نویسان 3099
ساخت DropDownList با قابلیت انتخاب چند گزینه با jQuery BootStrap ساخت DropDownList با قابلیت انتخاب چند گزینه با jQuery BootStrap در این مقاله نحوه ساخت یک DropDown که قابلیت انتخاب چند گزینه با هم را دارد، آموزش داده می شود. در این مقاله از جی کوئری بوت استرپ و پلاگین Multi Select استفاده می شود. Jquery 1396/02/13 برنامه نویسان 5395
افزودن font icon در برنامه اندروید افزودن font icon در برنامه اندروید در این مقاله قصد داریم که یک سورسی را برای شما قرار دهیم اگر شما با بوت استرپ کار کرده باشید بوت استرپ یه آیکونی داره به نام font Awesome که این ایکون مورد نظر در واقع همان فونت است که شما در پروژه تون استفاده می کنید حالا می خواهیم در اندروید هم این را استفاده نماییم. Android 1396/01/28 برنامه نویسان 2149
صفحه بندی بوت استرپ برای GridView صفحه بندی بوت استرپ برای GridView در این مقاله قصد داریم صفحه بندی بوت استرپ را برای gridview ، با اصلاح کلاس table. از bootstrap CSS را انجام دهیم. این موضوع را در نمونه ای پیاده سازی میکنیم. ASP.net 1395/02/18 برنامه نویسان 3621
پیاده سازی جدول Responsive با استفاده از بوت استرپ و AngularJS پیاده سازی جدول Responsive با استفاده از بوت استرپ و AngularJS امروزه واکنش گرایی یا responsive بودن وب سایت ها یکی از مزیت های اصلی در توسعه وب می باشد. از آنجایی که در حال حاضر ممکن است یک صفحه وب سایت را در ابزار های متفاوتی مانند لپ تاپ، تبلت یا گوشی مشاهده کنیم، لازم است صفحات وب به صورت واکنش گرا یا responsive درآید. در این مقاله می خواهیم یک جدول HTML ای را با استفاده از بوت استرپ و AngularJS به صورت واکنش گرا درآوریم. AngularJs 1394/12/10 برنامه نویسان 3168
قالب رایگان و فارسی سایت واکنشگرای شرکتی ucorpora به صورت HTML قالب رایگان و فارسی سایت واکنشگرای شرکتی ucorpora به صورت HTML قالب ucorpora یک قالب HTML رایگان مخصوص سایت های شرکتی می باشد. این قالب دارای صفحات متعدد و متنوعی می باشد. در این قالب از بوت استرپ استفاده شده است. واکنش گرا بودن این قالب و کدنویسی مرتب آن از خصوصیات بارز این قالب می باشد. HTML 1394/11/27 برنامه نویسان 647
استفاده از bootstrap tooltip در Asp.net استفاده از bootstrap tooltip در Asp.net در این مقاله قصد داریم چگونگی پیاده سازی و یا استفاده ازtwitter bootstrap tooltip در Asp.Net را با مثال بیان کنیم . در اینجا از برخی ویژگی های مهم بوت استرپ tooltip ،مانند title ، data-placement ، data-trigger ، data-html و غیره استفاده میکنیم . ASP.net 1394/11/13 برنامه نویسان 2278
بستن نشدن فرم های بوت استرپ با کلیک بر روی صفحه اصلی بستن نشدن فرم های بوت استرپ با کلیک بر روی صفحه اصلی حتما تا حالا براتون پیش اومده که فرم مودال بوت استرپی رو مثلا برای وبرایش اطلاعات استفاده کنید. مشکل اینجاست که اگه کاربر خارج از این فرم کلیک کنه، فرم مودال بسته میشه.... ASP.net MVC 1394/10/21 hrsaberi 1565
ایجاد کنترل Button با Bootstrap درASP.NET ایجاد کنترل Button با Bootstrap درASP.NET بوت استرپ تعدادی قابلیت های ویژه ای را ارائه می دهد که نقش نسبتا خوبی در ASP.NET بازی می کنند. زیرا به کاربر اجازه می دهد که کنترل های ASP را به صورت واکنش گرا و دلخواه سفارشی کرده و آنها را ایجاد کند. در این مقاله نشان می دهیم که چگونه یک دکمه سفارشی شده( BootstrapButton) بسازیم و مزایا و معایب آن را بشناسیم. ASP.net 1394/10/16 برنامه نویسان 3155