টেলউইন্ডে ব্যাকগ্রাউন্ড ক্লিপ সহ ব্রেকপয়েন্ট এবং মিডিয়া ক্যোয়ারিগুলি কীভাবে ব্যবহার করবেন

Tela U Inde Byakagra Unda Klipa Saha Brekapayenta Ebam Midiya Kyoyariguli Kibhabe Byabahara Karabena

একটি ওয়েব পৃষ্ঠায় বিভিন্ন বিভাগ তৈরি করার সময়, এমন পরিস্থিতিতে হতে পারে যেখানে প্রোগ্রামারকে বিষয়বস্তু জমা করার জন্য ব্যাকগ্রাউন্ড ক্লিপ করতে বা এটি পরিবর্তন করতে হবে। এই পদ্ধতিটি সংযুক্ত বিষয়বস্তুকে কার্যকরভাবে পরিচালনা করার পাশাপাশি বিভিন্ন পৃষ্ঠার বিভাগকে স্টাইল করতে সহায়ক।

এই ব্লগটি নিম্নলিখিত মূল ধারণাগুলিকে বিস্তৃত করে:

টেলউইন্ডে ব্যাকগ্রাউন্ড ক্লিপ সহ ব্রেকপয়েন্ট এবং মিডিয়া ক্যোয়ারিগুলি কীভাবে ব্যবহার/ব্যবহার করবেন?
টেলউইন্ডে ব্যাকগ্রাউন্ড ক্লিপ দিয়ে ব্রেকপয়েন্ট প্রয়োগ করা হচ্ছে।
টেলউইন্ডে ব্যাকগ্রাউন্ড ক্লিপ সহ মিডিয়া কোয়েরি প্রয়োগ করা হচ্ছে।

টেলউইন্ডে ব্যাকগ্রাউন্ড ক্লিপ সহ ব্রেকপয়েন্ট এবং মিডিয়া ক্যোয়ারিগুলি কীভাবে ব্যবহার/ব্যবহার করবেন?

দ্য ' বিজি-ক্লিপ-{কীওয়ার্ড} ” ইউটিলিটি উপাদানটির পটভূমির বাউন্ডিং বক্স সেট করতে ব্যবহৃত হয়। এই ইউটিলিটি একাধিক বৈশিষ্ট্যের সাথে ব্যবহার করা যেতে পারে, যেমন ' প্যাডিং-বক্স ', ' বর্ডার-বক্স ', ' সামগ্রী-বক্স ', এবং ' টেক্সট-বক্স ”

উদাহরণ 1: টেলউইন্ডে ব্যাকগ্রাউন্ড ক্লিপ দিয়ে ব্রেকপয়েন্ট প্রয়োগ করা

এই উদাহরণটি প্রয়োগ করা 'এর মাধ্যমে ব্যাকগ্রাউন্ড ক্লিপের সাথে ব্রেকপয়েন্টগুলি প্রয়োগ করে বিজি-ক্লিপ-{কীওয়ার্ড} 'সহ উপযোগিতা' মো 'অর্থাৎ, মাঝারি আকারের পর্দা এবং ' এলজি 'অর্থাৎ, বড় আকারের স্ক্রিন ক্লাস:

< html >
< মাথা >
< মেটা অক্ষর সেট = 'UTF-8' >
< মেটা নাম = 'ভিউপোর্ট' বিষয়বস্তু = 'প্রস্থ=ডিভাইস-প্রস্থ, প্রাথমিক-স্কেল=1' >
< লিপি src = 'https://cdn.tailwindcss.com' < / লিপি >
< / মাথা >
< শরীর >
< textarea ক্লাস = 'বিজি-ক্লিপ-বর্ডার p-6 বিজি-হলুদ-500 বর্ডার-4 বর্ডার-লাল-500 বর্ডার-ড্যাশড md:bg-ক্লিপ-টেক্সট lg:bg-ক্লিপ-প্যাডিং' > এটি Tailwind CSS < / textarea >
< / শরীর >
< / html >

এই কোড লাইন অনুযায়ী:

প্রথমে, Tailwind কার্যকারিতা ব্যবহার করার জন্য CDN পাথ নির্দিষ্ট করুন।
তারপর, একটি '' উপাদান তৈরি করুন যাতে ' <strong> বিজি-ক্লিপ-{কীওয়ার্ড}</strong> ' ইউটিলিটি এমন যে এটি ছোট আকারের স্ক্রিনে 'সীমান্ত' সেট করা হয় এবং 'এ সেট করা হয় <strong> বিজি-ক্লিপ-টেক্সট</strong> ' এবং ' <strong> বিজি-ক্লিপ-প্যাডিং</strong> 'এর মাধ্যমে মাঝারি এবং বড় আকারের স্ক্রিনে ইউটিলিটিগুলি' <strong> মো</strong> ' এবং ' <strong> এলজি</strong> ” ক্লাস, যথাক্রমে।</li> </ul> <p> <strong> বিঃদ্রঃ:</strong> ইউটিলিটিটি সহজভাবে নির্দিষ্ট করা 'এটি নির্দিষ্ট করার মতই' <strong> sm</strong> 'শ্রেণী।</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <p> <strong> আউটপুট</strong> </p> <p> <img class="alignnone wp-image-392117 size-full" alt="" src="https://softoban.com/img/other/ED/how-to-use-breakpoints-and-media-queries-with-background-clip-in-tailwind-1.gif"></p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <p> এই ফলাফলটি নির্দেশ করে যে পর্দার আকার প্রসারিত করার পরে, সেই অনুযায়ী পটভূমিটি ক্লিপ করা হয়।</p> <h2 id="c"> <strong> উদাহরণ 2: Tailwind-এ ব্যাকগ্রাউন্ড ক্লিপ সহ মিডিয়া কোয়েরি প্রয়োগ করা</strong> </h2> <p> নিম্নলিখিত কোড প্রদর্শনী 'ব্যাকগ্রাউন্ড ক্লিপ' এর মাধ্যমে মিডিয়া ক্যোয়ারিগুলি প্রয়োগ করে <strong> @মিডিয়া</strong> ” নিয়ম এবং নির্দিষ্ট পরামিতি:</p> <!DOCTYPE html> <br> < <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> > <br> < <a href="http://december.com/html/4/element/head.html"><span class="kw2"> মাথা</span></a> > <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> মেটা</span></a> <span class="kw3"> অক্ষর সেট</span><span class="sy0"> =</span><span class="st0"> 'UTF-8'</span> > <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> মেটা</span></a> <span class="kw3"> নাম</span><span class="sy0"> =</span><span class="st0"> 'ভিউপোর্ট'</span> <span class="kw3"> বিষয়বস্তু</span><span class="sy0"> =</span><span class="st0"> 'প্রস্থ=ডিভাইস-প্রস্থ, প্রাথমিক-স্কেল=1'</span> > <br> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> লিপি</span></a> <span class="kw3"> src</span><span class="sy0"> =</span><span class="st0"> 'https://cdn.tailwindcss.com'</span> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/script.html"><span class="kw2"> লিপি</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> মাথা</span></a> > <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> শরীর</span></a> > <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> textarea</span></a> <span class="kw3"> ক্লাস</span><span class="sy0"> =</span><span class="st0"> 'p-6 bg-হলুদ-500 বর্ডার-4 বর্ডার-লাল-500 বর্ডার-ড্যাশড'</span> <span class="kw3"> আইডি</span><span class="sy0"> =</span><span class="st0"> 'তাপ'</span> >এটি হল Tailwind CSS<<span class="sy0"> /</span> <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> textarea</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> শরীর</span></a> > <br> < <a href="http://december.com/html/4/element/style.html"><span class="kw2"> শৈলী</span></a> <span class="kw3"> টাইপ</span><span class="sy0"> =</span><span class="st0"> 'টেক্সট/সিএসএস'</span> > <br> #তাপ<span class="br0"> {</span> <br> ব্যাকগ্রাউন্ড-ক্লিপ: বর্ডার-বক্স; <br> <span class="br0"> }</span> <br> @<span class="kw3"> মিডিয়া</span> <span class="br0"> (</span> সর্বোচ্চ-<span class="kw3"> প্রস্থ</span> :500px<span class="br0"> )</span><span class="br0"> {</span> <br> #তাপ<span class="br0"> {</span> <br> ব্যাকগ্রাউন্ড-ক্লিপ: প্যাডিং-বক্স; <br> <span class="br0"> }</span><span class="br0"> }</span> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/style.html"><span class="kw2"> শৈলী</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> ><p> কোডের এই স্নিপেটে:</p> <ul> <li> Tailwind CDN পাথ অন্তর্ভুক্ত করার এবং “<textarea>” উপাদান তৈরি করার পদ্ধতিগুলি পুনরাবৃত্তি করুন।</li> <li> এখন, CSS কোডে, ডিফল্ট উল্লেখ করুন “ <strong> ব্যাকগ্রাউন্ড-ক্লিপ</strong> 'একটি হিসাবে সম্পত্তি' <strong> বর্ডার-বক্স</strong> ”</li> <li> এর পরে, বাস্তবায়ন করুন ' <strong> @মিডিয়া</strong> ' প্রদত্ত প্যারামিটারের সাথে নিয়ম করুন যে যতক্ষণ পর্যন্ত স্ক্রিনের প্রস্থ '500' পিক্সেলের সমান হয়, ' <strong> ব্যাকগ্রাউন্ড-ক্লিপ</strong> 'সম্পত্তি সেট করা হয়েছে' <strong> প্যাডিং-বক্স</strong> ”</li> </ul> <p> <strong> আউটপুট</strong> </p> <p> <img class="alignnone wp-image-392118 size-full" alt="" src="https://softoban.com/img/other/ED/how-to-use-breakpoints-and-media-queries-with-background-clip-in-tailwind-2.gif"></p> <p> এই ফলাফল থেকে, এটি যাচাই করা যেতে পারে যে ব্যাকগ্রাউন্ড ক্লিপটি স্ক্রিনের পরিবর্তিত প্রস্থ অনুসারে রূপান্তরিত হয়েছে।</p> <h2> <strong> উপসংহার</strong> </h2> <p> ব্যাকগ্রাউন্ড ক্লিপটি টেইলউইন্ড ব্রেকপয়েন্ট এবং মিডিয়া কোয়েরির সাথে প্রয়োগ করা “ <strong> বিজি-ক্লিপ-{কীওয়ার্ড}</strong> 'সহ উপযোগিতা' <strong> মো</strong> 'বা' <strong> এলজি</strong> ' ক্লাস, বা এর মাধ্যমে ' <strong> @মিডিয়া</strong> ' নিয়ম. কীওয়ার্ডটি 'প্যাডিং-বক্স', 'বর্ডার-বক্স', 'কন্টেন্ট-বক্স', 'টেক্সট-বক্স' এবং আরও অনেক কিছুতে সেট করা যেতে পারে। এই গাইডে, আমরা টেলউইন্ডে ব্যাকগ্রাউন্ড ক্লিপ সহ ব্রেকপয়েন্ট এবং মিডিয়া ক্যোয়ারির ব্যবহার প্রদর্শন করেছি।</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/an-yan-ya/" class="tag-cloud-link">অন্যান্য</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">বিভাগ</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">রাস্পবেরি পাই</a> </li><li> <a href="/ethernet/">ইথারনেট</a> </li><li> <a href="/other/">অন্যান্য</a> </li><li> <a href="/nano/">ন্যানো</a> </li><li> <a href="/zoom/">জুম</a> </li><li> <a href="/cinnamon/">দারুচিনি</a> </li><li> <a href="/reviews/">পর্যালোচনা</a> </li><li> <a href="/zorinos/">জোরিনোস</a> </li><li> <a href="/radio/">রেডিও</a> </li><li> <a href="/minecraft/">মাইনক্রাফ্ট</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">সঙ্কোচন</a> </li><li> <a href="/laravel/">লারাভেল</a> </li><li> <a href="/aircrack/">এয়ারক্র্যাক</a> </li><li> <a href="/office-productivity-software/">অফিস প্রোডাক্টিভিটি সফটওয়্যার</a> </li><li> <a href="/boot/">বুট</a> </li><li> <a href="/system-calls/">সিস্টেম কল</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">নেটওয়ার্কিং</a> </li><li> <a href="/gpu/">জিপিইউ</a> </li><li> <a href="/gimp/">জিম্প</a> </li><li> <a href="/plex/">প্লেক্স</a> </li><li> <a href="/uefi/">উয়েফি</a> </li><li> <a href="/docker/">ডকার</a> </li><li> <a href="/firewall/">ফায়ারওয়াল</a> </li><li> <a href="/wireshark/">ওয়্যারশার্ক</a> </li><li> <a href="/synology/">সিনোলজি</a> </li><li> <a href="/pdf/">পিডিএফ</a> </li><li> <a href="/ethereum/">ইথেরিয়াম</a> </li><li> <a href="/parrot-os/">তোতা ওএস</a> </li><li> <a href="/sublime/">মহৎ</a> </li><li> <a href="/selinux/">সেলিনাক্স</a> </li><li> <a href="/hyper-v/">হাইপার-ভি</a> </li><li> <a href="/phone/">ফোন</a> </li><li> <a href="/kodi/">কোড</a> </li><li> <a href="/gnome/">জিনোম</a> </li><li> <a href="/manjaro/">উপাদেয়তা</a> </li><li> <a href="/mouse/">ইঁদুর</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">মেটাসপ্লয়েট</a> </li><li> <a href="/torrent/">টরেন্ট</a> </li><li> <a href="/tablet/">ট্যাবলেট</a> </li><li> <a href="/pycharm/">পাইচার্ম</a> </li><li> <a href="/curl/">কার্ল</a> </li><li> <a href="/kde/">কোথায়</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">ফন্ট</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">এনভিডিয়া</a> </li><li> <a href="/images/">ছবি</a> </li><li> <a href="/usb/">ইউএসবি</a> </li><li> <a href="/squid/">স্কুইড</a> </li><li> <a href="/mate/">সঙ্গী</a> </li><li> <a href="/vlc-media-player/">ভিএলসি মিডিয়া প্লেয়ার</a> </li><li> <a href="/dns/">ডিএনএস</a> </li><li> <a href="/bitcoin/">বিটকয়েন</a> </li><li> <a href="/keyboard/">কীবোর্ড</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">জোড়া লাগানো</a> </li><li> <a href="/fedora/">ফেডোরা</a> </li><li> <a href="/owncloud/">নিজস্ব ক্লাউড</a> </li><li> <a href="/scanner/">স্ক্যানার</a> </li><li> <a href="/atom/">পরমাণু</a> </li><li> <a href="/red-hat/">লাল টুপি</a> </li><li> <a href="/teamviewer/">টিম ভিউয়ার</a> </li><li> <a href="/skype/">স্কাইপ</a> </li><li> <a href="/vpn/">ভিপিএন</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">জুপিটার নোটবুক</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">ব্লগ</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">মিডিয়া প্লেয়ার</a> </li><li> <a href="/posix/">পজিক্স</a> </li><li> <a href="/steam/">বাষ্প</a> </li><li> <a href="/jenkins/">জেনকিন্স</a> </li><li> <a href="/power/">ক্ষমতা</a> </li><li> <a href="/oracle-linux/">ওরাকল লিনাক্স</a> </li><li> <a href="/netstat/">নেটস্ট্যাট</a> </li><li> <a href="/kvm/">বর্গমিটার</a> </li><li> <a href="/bluetooth/">ব্লুটুথ</a> </li><li> <a href="/ssd/">এসএসডি</a> </li><li> <a href="/grep/">খপ্পর</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">ওডিসি</a> </li><li> <a href="/audio/">শ্রুতি</a> </li><li> <a href="/cpu/">সিপিইউ</a> </li><li> <a href="/tensorflow/">Tensorflow</a> </li><li> <a href="/autodesk/">অটোডেস্ক</a> </li><li> <a href="/lubuntu/">লুবুন্টু</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">উইন্ডোজ</a> </li><li> <a href="/microsoft-edge/">মাইক্রোসফ্ট এজ (উত্তরাধিকার)</a> </li><li> <a href="/internet-explorer/">ইন্টারনেট এক্সপ্লোরার</a> </li><li> <a href="/office/">দপ্তর</a> </li><li> <a href="/an-yan-ya/">অন্যান্য</a> </li><li> <a href="/ska-ipa/">স্কাইপ</a> </li><li> <a href="/di-ena-esa/">ডিএনএস</a> </li><li> <a href="/raspaberi-pa-i/">রাস্পবেরি পাই</a> </li><li> <a href="/oyebakyama/">ওয়েবক্যাম</a> </li><li> <a href="/midiya-pleyara/">মিডিয়া প্লেয়ার</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hyapraksi/">হ্যাপ্রক্সি</a> </li><li> <a href="/jinoma/">জিনোম</a> </li><li> <a href="/buta/">বুট</a> </li><li> <a href="/mahat/">মহৎ</a> </li><li> <a href="/ubuntu-24-04-cat/">উবুন্টু 24.04</a> </li><li> <a href="/parabarti-megha/">পরবর্তী মেঘ</a> </li><li> <a href="/punya/">পুণ্য</a> </li><li> <a href="/enabhidiya/">এনভিডিয়া</a> </li><li> <a href="/i-u-esabi-pasathru/">ইউএসবি-পাসথ্রু</a> </li><li> <a href="/phedora/">ফেডোরা</a> </li><li> <a href="/nirapada-buta/">#নিরাপদ বুট</a> </li><li> <a href="/dibha-isa-pasathru/">ডিভাইস-পাসথ্রু</a> </li><li> <a href="/esadi-ena/">এসডিএন</a> </li><li> <a href="/dra-ibhara-inastalesana/">ড্রাইভার-ইনস্টলেশন</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">জনপ্রিয় পোস্ট</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6C/changing-gpu-memory-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspaberi-pa-ite-gpu-memari-paribartana-kara-hacche">রাস্পবেরি পাইতে GPU মেমরি পরিবর্তন করা হচ্ছে</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C9/how-to-read-a-text-file-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/si-te-ekati-teksata-pha-ila-kibhabe-parate-haya">সি-তে একটি টেক্সট ফাইল কীভাবে পড়তে হয়</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/88/how-to-use-a-congruent-symbol-latex-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-ekati-sarbasam-mata-pratika-latex-byabahara-karabena">কিভাবে একটি সর্বসম্মত প্রতীক LaTeX ব্যবহার করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/87/how-to-resolve-the-no-module-named-sklearn-error-in-python-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pa-ithane-kona-madi-ula-namaka-skalarana-truti-kibhabe-samadhana-karabena">পাইথনে 'কোন মডিউল নামক স্কলারন' ত্রুটি কীভাবে সমাধান করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B2/python-tkinter-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pa-ithana-tkinter-udaharana">পাইথন Tkinter উদাহরণ</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/45/how-reset-folder-view-settings-windows-vista.png);"></a> <div class="text"> <h3 class="heading"> <a href="/how-reset-folder-view-settings-windows-vista">উইন্ডোজ ভিস্তা, 7, 8 এবং 10 - উইনহেলপোনলাইনে ফোল্ডার দেখুন সেটিংস কীভাবে পুনরায় সেট করবেন</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> উইন্ডোজ</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4C/best-way-to-include-css-why-use-import-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/css-antarbhukta-karara-sera-upaya-kena-import-byabahara-karabena">CSS অন্তর্ভুক্ত করার সেরা উপায়? কেন @import ব্যবহার করবেন?</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/EC/how-to-find-hardware-details-raspberry-pi-gui-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspaberi-pa-i-ji-i-u-a-i-kibhabe-harda-oyyara-bisada-sandhana-karabena">রাস্পবেরি পাই জিইউআই কীভাবে হার্ডওয়্যার বিশদ সন্ধান করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4E/restart-network-service-using-systemctl-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/systemctl-kamanda-byabahara-kare-neta-oyarka-pariseba-punaraya-calu-karuna">Systemctl কমান্ড ব্যবহার করে নেটওয়ার্ক পরিষেবা পুনরায় চালু করুন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/7B/how-to-iterate-loop-through-json-array-using-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jabhaskripta-byabahara-kare-json-a-yarera-madhyame-kibhabe-lupa-punarabrtti-karabena">জাভাস্ক্রিপ্ট ব্যবহার করে JSON অ্যারের মাধ্যমে কীভাবে লুপ পুনরাবৃত্তি করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/71/how-to-use-css-pointer-events-property-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-css-payentara-ibhenta-praparti-byabahara-karabena">কিভাবে CSS পয়েন্টার-ইভেন্ট প্রপার্টি ব্যবহার করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/77/all-about-profile-customization-in-roblox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/roblox-e-propha-ila-kastama-ijesana-samparke-saba">Roblox-এ প্রোফাইল কাস্টমাইজেশন সম্পর্কে সব</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D1/how-to-access-kali-desktop-using-remote-desktop-protocol-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/rimota-deskatapa-protokala-byabahara-kare-kibhabe-kali-deskatapa-a-yaksesa-karabena">রিমোট ডেস্কটপ প্রোটোকল ব্যবহার করে কীভাবে কালি ডেস্কটপ অ্যাক্সেস করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/71/5-fixes-for-high-cpu-usage-by-windows-problem-reporting-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/u-indoja-samasya-riportim-dbara-ucca-sipi-i-u-byabaharera-jan-ya-5-samadhana">উইন্ডোজ সমস্যা রিপোর্টিং দ্বারা উচ্চ সিপিইউ ব্যবহারের জন্য 5 সমাধান</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DF/dynamodb-streams-with-lambda-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/dynamodb-lambda-era-sathe-strima">DynamoDB Lambda এর সাথে স্ট্রীম</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/10/how-to-create-nodes-in-kubernetes-1.jpeg);"></a> <div class="text"> <h3 class="heading"> <a href="/kubaranete-kibhabe-noda-tairi-karabena">কুবারনেটে কীভাবে নোড তৈরি করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/78/how-to-set-min-height-for-hover-focus-and-other-states-of-tailwind-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/hobhara-phokasa-ebam-te-ila-u-indera-an-yan-ya-rajyera-jan-ya-n-yunatama-uccata-kibhabe-seta-karabena">হোভার, ফোকাস এবং টেইলউইন্ডের অন্যান্য রাজ্যের জন্য ন্যূনতম উচ্চতা কীভাবে সেট করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/95/how-to-create-a-basic-text-based-game-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-c-e-ekati-besika-teksata-bhittika-gema-tairi-karabena">কিভাবে C++ এ একটি বেসিক টেক্সট-ভিত্তিক গেম তৈরি করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5A/why-char-is-of-1-byte-in-c-language-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/c-lyanguyeje-char-1-ba-ita-kena">C ল্যাঙ্গুয়েজে char 1 বাইট কেন?</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/08/how-to-create-multivibrators-monostable-astable-and-bistable-explained-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/maltibha-ibretara-kibhabe-tairi-karabena-manostebala-a-yastebala-ebam-bistebala-byakhya-kara-hayeche">মাল্টিভাইব্রেটর কীভাবে তৈরি করবেন: মনোস্টেবল, অ্যাস্টেবল এবং বিস্টেবল ব্যাখ্যা করা হয়েছে</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>