logo

مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

ورود / ثبت نام
  • صفحه اصلی
  • مقاله ها
    • Action Script 3
    • Android
    • AngularJs
    • ASP.net
    • Asp.Net Core
    • ASP.net MVC
    • C
    • C#.net
    • C++
    • Delphi
    • HTML
    • Java
    • Java Script
    • Jquery
    • NetWork
    • NodeJs
    • PHP
    • Python
    • Seo
    • SharePoint
    • SilverLight
    • SQL Server
    • Visual Basic
    • VisualStudio
    • WCF
    • Web Design
    • Windows
    • WPF
    • Xamarin
    • برنامه نویسان
    • گرافیک و فتوشاپ
  • راهنمای درج تبلیغات
  • تماس با ما
  • درباره ما
  • مشاوره و رفع اشکال
انجمن پرسش و پاسخ
  • دوره های آموزشی
  • مقاله ها
    • Action Script 3
    • Android
    • AngularJs
    • ASP.net
    • Asp.Net Core
    • ASP.net MVC
    • C
    • C#.net
    • C++
    • Delphi
    • HTML
    • Java
    • Java Script
    • Jquery
    • NetWork
    • NodeJs
    • PHP
    • Python
    • Seo
    • SharePoint
    • SilverLight
    • SQL Server
    • Visual Basic
    • VisualStudio
    • WCF
    • Web Design
    • Windows
    • WPF
    • Xamarin
    • برنامه نویسان
    • گرافیک و فتوشاپ
  • ویدیوها
  • پرسش و پاسخ
  • قالب سایت
  • تماس با ما
  • مشاوره و رفع اشکال
  • انجمن برنامه نویسان
  • آرشیو مقاله ها
همه دسته بندی ها

بوت استرپ

نمایش بر اساس جدیدترین ها
چگونه Bootstrap را با Sass سفارشی کنیم

چگونه Bootstrap را با Sass سفارشی کنیم

برخی از توسعه دهندگان و تیم ها دریافته اند که کدهای نوشته شده در بوت استرپ نسبت به نگهداری آن‌ها در CSS معمولی راحت تر است، بنابراین آن‌ها بوت استرپ را به vanilla CSS ترجیح می دهند.

  • Web Design
  • 1401/04/04
  • برنامه نویسان
  • 4125
ساخت تب‌های Lazy Loading با Razor Pages و Bootstrap

ساخت تب‌های Lazy Loading با Razor Pages و Bootstrap

رابط‌های تب‌بندی شده یک روش عالی برای مدیریت نمایش مقادیر زیادی از اطلاعات در پنل‌های جداگانه هستند، که داده‌های هر پنل به تنهایی معنادار می‌باشد، و در هر زمان فقط یک پنل قابل مشاهده است. تب‌های مرورگر نمونه‌ای عالی از این مورد هستند. از نظر توسعه‌دهنده Razor Pages، تب‌ها مخصوصا برای کنترل نمایش داده‌های پیچیده در برنامه‌های تجاری سودمند هستند.

  • برنامه نویسان
  • 1399/05/27
  • برنامه نویسان
  • 2462
بوت‌استرپ 5 نسخه آلفا

بوت‌استرپ 5 نسخه آلفا

بوت‌استرپ 5 نسخه آلفا منتشر شده است. تیم بوت‌استرپ ما‌ه‌ها تلاش کردند تا کارهایی که در v4 شروع کرده بودند را اصلاح کنند، و اگرچه پیشرفت خوبی داشته است، می‌خواهند باز هم ویژگی‌های جدیدی به آن بیافزایند.

  • Web Design
  • 1399/05/10
  • ایمان مدائنی
  • 1551
نحوه ایجاد صفحه فرود (Landing Page) با Bootstrap 4

نحوه ایجاد صفحه فرود (Landing Page) با Bootstrap 4

Bootstrap 4 در حال حاضر محبوب‌ترین فریم‌ورک front-end در جهان است. شما می‌توانید از آن برای ساخت هر نوع رابط کاربری، از قالب‌های ادمین تا وب‌سایت‌هایی دارای ویژگی‌ کامل استفاده کنید. در این آموزش گام‌ به گام ما به نحوه ساخت یک صفحه فرود یا همان landing page با استفاده از بوت‌استرپ 4 نگاهی می‌اندازیم . شما می‌توانید از آن به عنوان صفحه اصلی استفاده کنید یا آن را به یک کمپین بازاریابی خاص متصل کنید.

  • Web Design
  • 1398/11/20
  • ایمان مدائنی
  • 2931
ساده ترین راه اعتبارسنجی فرم های وب

ساده ترین راه اعتبارسنجی فرم های وب

اعتبار سنجی فرم های وب HTML اطمینان می دهد که کاربران داده ها را به درستی و در فرمت درست وارد کرده اند. امروزه اعتبار سنجی فرم های وب تغییر کرده اند.

  • HTML
  • 1397/09/08
  • برنامه نویسان
  • 2937
20 طراحی UI برای Footer وبسایت

20 طراحی UI برای Footer وبسایت

از مثال های این مقاله می توانیم مطالب مختلفی درباره ی Footer ها و طراحی آن ها متوجه شویم. طراحان می توانند Footer های مشابهی نظیر مواردی گفته خواهد شد طراحی کنند و از آن ها در وبسایت خود استفاده کنند. بسیاری از ما Footer را به عنوان یک المان مهم درنظر نمی گیریم اما درواقع Footer شامل موارد مهمی در رابطه با وب سایت و شرکت یا سازمان وبسایت می باشد بنابراین تمام این وبسایت دررابطه با طراحی UI برای Footer های وبسایت خواهد بود.

  • Web Design
  • 1397/05/17
  • برنامه نویسان
  • 1463
نحوه استفاده از 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
  • برنامه نویسان
  • 6792
ویژگی‌ های جدید Grid درBootstrap 4

ویژگی‌ های جدید Grid درBootstrap 4

بوت‌استرپ 4 تغییرات بسیار و ویژگی‌های جدیدی را برای گریدبندی که همه با نسخه 3 آن آشنا هستیم، به ارمغان آورده است. حالا گرید جدید توسط flexbox قدرتمندتر شده است، بسیاری از کلاس‌های سودمند تغییر نام داده‌اند و XL breakpoint اضافه شده است.

  • Web Design
  • 1397/04/30
  • برنامه نویسان
  • 3509
ویژگی‌ جدید بوت‌ استرپ 4 به نام Reboot.css

ویژگی‌ جدید بوت‌ استرپ 4 به نام Reboot.css

اگرشناختی از بوت‌استرپ ندارید، باید بگوییم که بوت‌استرپ یک فریم‌ورک عالی front-end است. فرقی نمی‌کند که توسعه‌دهنده front-end باشید یا back-end، یا یک برنامه‌نویس حرفه‌ای، در هر صورت بوت‌استرپ به همه توسعه‌دهندگان کمک می‌کند.

  • Web Design
  • 1396/11/11
  • ایمان مدائنی
  • 4653
تقویم شمسی بوت استرپ Bootstrap Persian DateTime Picker

تقویم شمسی بوت استرپ Bootstrap Persian DateTime Picker

وجود تقویم شمسی کارآمد و واکنشگرا یکی از مشکلات همیشگی طراحان وب بوده است. لذا استفاده از امکانات بوت استرپ در بکارگیری یک تقویم شمشی و جلالی بهترین گزینه ی پیش روست.

  • Web Design
  • 1396/10/26
  • AmirGhasemi
  • 13657
ایجاد Tablist در4 Bootstrap

ایجاد Tablist در4 Bootstrap

در این مقاله خواهید دید که چگونه یک tablist را به سادگی با کلاس های Bootstrap 4 ایجاد نمایید. یک نمونه ساده و بسیار کاربردی که میتوانید آن را در برنامه های خود گسترش داده و استفاده کنید.

  • Web Design
  • 1396/07/16
  • برنامه نویسان
  • 2702
کتاب آموزش فریم ورک Bootstrap

کتاب آموزش فریم ورک Bootstrap

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد. Bootstrap در ابتدا توسط مارک اتو و جاکوب تورنتون و در جهت ایجاد یک چارچوب ظاهری مشخص و یکسان در ابزارهای توییتر طراحی و نوشته شد.

  • Web Design
  • 1396/06/14
  • برنامه نویسان
  • 5769
ساخت بنرهشداردهنده با استفاده از Bootstrap و AngularUI Bootstrap در MVC

ساخت بنرهشداردهنده با استفاده از Bootstrap و AngularUI Bootstrap در MVC

دراین مقاله،نحوه ساخت یک بنر هشداردهنده و یک Modal با قابلیت استفاده مجدد، درMVC به کمک jQuery، Web API، بوت استرپ، AngularJS و AngularUI Bootstrap را آموزش خواهیم داد.

  • ASP.net MVC
  • 1396/06/11
  • برنامه نویسان
  • 2711
آشنایی با فرم Input ها و Sizing درBootstrap

آشنایی با فرم Input ها و Sizing درBootstrap

ما در این مقاله قصد داریم که form control های bootstrap را با بیان مثال کاربردی آموزش بدهیم.پس برای شروع همراه ما باشید.

  • Web Design
  • 1396/04/21
  • برنامه نویسان
  • 2909
معرفی Progress Bar ها، Alert و Label ها در بوت استرپ

معرفی Progress Bar ها، Alert و Label ها در بوت استرپ

در این مقاله قصد داریم که یکسری از کلاس های کاربردی بوت استرپ همچون Progress Bar ، Alert و Label را با معرفی کلاس های متفاوتشان به همراه مثال به شما معرفی کنیم.

  • Web Design
  • 1396/04/12
  • برنامه نویسان
  • 3285
ویژگی های جدید Bootstrap 4

ویژگی های جدید Bootstrap 4

این روزها Bootstrap به یک Framework خیلی محبوب برای طراحی وب سایت های رسپانسیو تبدیل شده است. تقریبا چیزی به منتشر شدن نسخه اصلی Bootstrap 4 Beta نمانده است و زمان این رسیده که کمی به جزئیات ماجرا برویم .برای طراحی پروژه هایی که از Bootstrap 3 استفاده می کنند، ما می خواهیم به نسخه جدیدتر مهاجرت کنیم.

  • Web Design
  • 1396/04/03
  • برنامه نویسان
  • 4135
پیاده سازی Pager و صفحه بندی بوت استرپ

پیاده سازی Pager و صفحه بندی بوت استرپ

در این مقاله قصد داریم با طرح مثال کاربردیPager و صفحه بندی با بوت استرپ را به شما آموزش بدهیم.

  • HTML
  • 1396/04/03
  • برنامه نویسان
  • 3442
ساخت DropDownList با قابلیت انتخاب چند گزینه با jQuery BootStrap

ساخت DropDownList با قابلیت انتخاب چند گزینه با jQuery BootStrap

در این مقاله نحوه ساخت یک DropDown که قابلیت انتخاب چند گزینه با هم را دارد، آموزش داده می شود. در این مقاله از جی کوئری بوت استرپ و پلاگین Multi Select استفاده می شود.

  • Jquery
  • 1396/02/13
  • برنامه نویسان
  • 5932
افزودن font icon در برنامه اندروید

افزودن font icon در برنامه اندروید

در این مقاله قصد داریم که یک سورسی را برای شما قرار دهیم اگر شما با بوت استرپ کار کرده باشید بوت استرپ یه آیکونی داره به نام font Awesome که این ایکون مورد نظر در واقع همان فونت است که شما در پروژه تون استفاده می کنید حالا می خواهیم در اندروید هم این را استفاده نماییم.

  • Android
  • 1396/01/28
  • برنامه نویسان
  • 2417
صفحه بندی بوت استرپ برای GridView

صفحه بندی بوت استرپ برای GridView

در این مقاله قصد داریم صفحه بندی بوت استرپ را برای gridview ، با اصلاح کلاس table. از bootstrap CSS را انجام دهیم. این موضوع را در نمونه ای پیاده سازی میکنیم.

  • ASP.net
  • 1395/02/18
  • برنامه نویسان
  • 3891
پیاده سازی جدول Responsive با استفاده از بوت استرپ و AngularJS

پیاده سازی جدول Responsive با استفاده از بوت استرپ و AngularJS

امروزه واکنش گرایی یا responsive بودن وب سایت ها یکی از مزیت های اصلی در توسعه وب می باشد. از آنجایی که در حال حاضر ممکن است یک صفحه وب سایت را در ابزار های متفاوتی مانند لپ تاپ، تبلت یا گوشی مشاهده کنیم، لازم است صفحات وب به صورت واکنش گرا یا responsive درآید. در این مقاله می خواهیم یک جدول HTML ای را با استفاده از بوت استرپ و AngularJS به صورت واکنش گرا درآوریم.

  • AngularJs
  • 1394/12/10
  • برنامه نویسان
  • 3501
قالب رایگان و فارسی سایت واکنشگرای شرکتی ucorpora به صورت HTML

قالب رایگان و فارسی سایت واکنشگرای شرکتی ucorpora به صورت HTML

قالب ucorpora یک قالب HTML رایگان مخصوص سایت های شرکتی می باشد. این قالب دارای صفحات متعدد و متنوعی می باشد. در این قالب از بوت استرپ استفاده شده است. واکنش گرا بودن این قالب و کدنویسی مرتب آن از خصوصیات بارز این قالب می باشد.

  • HTML
  • 1394/11/27
  • برنامه نویسان
  • 799
استفاده از 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
  • برنامه نویسان
  • 2535
بستن نشدن فرم های بوت استرپ با کلیک بر روی صفحه اصلی

بستن نشدن فرم های بوت استرپ با کلیک بر روی صفحه اصلی

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

  • ASP.net MVC
  • 1394/10/21
  • hrsaberi
  • 1779
ایجاد کنترل Button با Bootstrap درASP.NET

ایجاد کنترل Button با Bootstrap درASP.NET

بوت استرپ تعدادی قابلیت های ویژه ای را ارائه می دهد که نقش نسبتا خوبی در ASP.NET بازی می کنند. زیرا به کاربر اجازه می دهد که کنترل های ASP را به صورت واکنش گرا و دلخواه سفارشی کرده و آنها را ایجاد کند. در این مقاله نشان می دهیم که چگونه یک دکمه سفارشی شده( BootstrapButton) بسازیم و مزایا و معایب آن را بشناسیم.

  • ASP.net
  • 1394/10/16
  • برنامه نویسان
  • 3446
1 2
بعدی
  • آخرین تاپیک ها
  • محبوب ترین ها
  • جذف border

    802 بازدید 1404/05/21
  • قالب های سایت

    1135 بازدید 1404/04/31
  • استفاده از nfc در b4a

    2162 بازدید 1404/04/13
  • تبدیل برنامه به تحت شبکه

    830 بازدید 1404/03/03
  • لاگین کاربر

    1081 بازدید 1404/02/24
  • راهنمایی در مورد ایجاد جدول

    1231 بازدید 1404/02/23
  • ثبت فاکتور

    894 بازدید 1404/02/23
  • سفارش اپلیکیشن(اندروید)

    1364 بازدید 1404/02/22
  • چرا پست‌ها قابلیت ویرایش ندارند؟

    1406 بازدید 1404/02/19
  • تبدیل متن به گفتار فارسی در c#

    2583 بازدید 1404/01/26
  • کتاب آموزش فارسی برنامه نویسی اندروید از مبتدی تا پیشرفته

    151 پسند 1393/07/26
  • کتاب فارسی آموزش بوت استرپ 3 (BootStrap)

    145 پسند 1393/09/03
  • آموزش ایجاد و مدیریت ربات در تلگرام با زبان سی شارپ

    133 پسند 1394/06/03
  • دانلود کتاب آموزش برنامه نویسی پیشرفته سی شارپ به زبان فارسی

    126 پسند 1395/07/23
  • سورس کد انجمن با استفاده از Asp.net 4.5 - Entity FrmaeWork - Asp.net Web Api - Asp.net Identity-Kendo ui

    124 پسند 1393/09/02
  • کتاب آموزش ASP.Net MVC 5 به زبان فارسی

    113 پسند 1395/07/01
  • آموزش MVC به زبان فارسی (نوشته شده توسط آقای وحید نصیری)

    112 پسند 1393/07/09
  • دانلود نرم افزار مدیریت داروخانه + سورس + بانک

    109 پسند 1392/07/22
  • کتاب آموزش کامل برنامه نویسی اندروید به زبان فارسی

    99 پسند 1395/04/27
  • سورس پروژه مدیریت داروخانه به زبان سی شارپ

    96 پسند 1393/06/31

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)

درخواست پروژه
  • راهنمای درج تبلیغات
  • خیابان شریعتی - خیابان ملک - بن بست ایرانیاد - پلاک 1
  • تلفن تماس : 02188455865 - 02191303737
  • گت ورک
  • تاپلرن
  • تماس با ما
  • درباره ما

کلیه حقوق مادی و معنوی برای مجموعه برنامه نویسان محفوظ می باشد . هر گونه کپی برداری از محتوای آموزشی با ذکر منبع مجاز می باشد.