Jak používat zarážky a dotazy na média s klipem na pozadí ve službě Tailwind

Jak Pouzivat Zarazky A Dotazy Na Media S Klipem Na Pozadi Ve Sluzbe Tailwind

Při vytváření různých sekcí na webové stránce mohou nastat situace, kdy programátor potřebuje oříznout pozadí nebo jej upravit, aby nashromáždil obsah. Tato metodika pomáhá efektivně spravovat připojený obsah a také stylizovat různé části stránky.

Tento blog se zabývá následujícími základními pojmy:

Jak používat/využívat zarážky a dotazy na média s klipem na pozadí ve službě Tailwind?
Použití zarážek s klipem na pozadí ve službě Tailwind.
Použití dotazů na média s klipem na pozadí ve službě Tailwind.

Jak používat/využívat zarážky a dotazy na média s klipem na pozadí ve službě Tailwind?

' bg-clip-{keyword} ” se používá k nastavení ohraničovacího rámečku pozadí prvku. Tento nástroj lze použít s více vlastnostmi, například „ vycpávkový box ',' border-box ',' obsah-box ', a ' Textové pole “.

Příklad 1: Použití bodů přerušení s klipem na pozadí ve službě Tailwind

Tento příklad aplikuje zarážky s klipem na pozadí prostřednictvím aplikovaného „ bg-clip-{keyword} 'utilita s ' md “ tj. středně velké obrazovky a “ lg ” tj. třídy velkých obrazovek:

< html >
< hlava >
< meta znaková sada = 'utf-8' >
< meta název = 'výřez' obsah = 'width=device-width, initial-scale=1' >
< skript src = 'https://cdn.tailwindcss.com' < / skript >
< / hlava >
< tělo >
< textarea třída = 'bg-clip-border p-6 bg-yellow-500 border-4 border-red-500 border-dashed md:bg-clip-text lg:bg-clip-padding' > Toto je Tailwind CSS < / textarea >
< / tělo >
< / html >

Podle těchto řádků kódu:

Nejprve zadejte cestu CDN, abyste mohli využívat funkce Tailwind.
Poté vytvořte prvek „“ obsahující „ <strong> bg-clip-{keyword}</strong> ” tak, že je nastaven na „okraj“ na obrazovkách malých rozměrů a nastaven na „ <strong> bg-clip-text</strong> ' a ' <strong> bg-clip-padding</strong> ” nástroje na středních a velkých obrazovkách prostřednictvím “ <strong> md</strong> ' a ' <strong> lg</strong> “ tříd, resp.</li> </ul> <p> <strong> Poznámka:</strong> Jednoduché zadání nástroje je stejné jako jeho zadání v souboru „ <strong> sm</strong> “třída.</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> Výstup</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> Tento výsledek znamená, že při zvětšení velikosti obrazovky se pozadí odpovídajícím způsobem ořízne.</p> <h2 id="c"> <strong> Příklad 2: Použití dotazů na média s klipem na pozadí ve službě Tailwind</strong> </h2> <p> Následující ukázka kódu aplikuje dotazy na média s „Klipem na pozadí“ prostřednictvím „ <strong> @media</strong> ” pravidlo a zadaný parametr:</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"> hlava</span></a> > <br> < <a href="http://december.com/html/4/element/meta.html"><span class="kw2"> meta</span></a> <span class="kw3"> znaková sada</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"> meta</span></a> <span class="kw3"> název</span><span class="sy0"> =</span><span class="st0"> 'výřez'</span> <span class="kw3"> obsah</span><span class="sy0"> =</span><span class="st0"> 'width=device-width, initial-scale=1'</span> > <br> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> skript</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"> skript</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/head.html"><span class="kw2"> hlava</span></a> > <br> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> tělo</span></a> > <br> < <a href="http://december.com/html/4/element/textarea.html"><span class="kw2"> textarea</span></a> <span class="kw3"> třída</span><span class="sy0"> =</span><span class="st0"> 'p-6 bg-žlutá-500 ohraničení-4 ohraničení-červená-500 ohraničení-přerušovaná'</span> <span class="kw3"> id</span><span class="sy0"> =</span><span class="st0"> 'teplota'</span> >Toto je 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"> tělo</span></a> > <br> < <a href="http://december.com/html/4/element/style.html"><span class="kw2"> styl</span></a> <span class="kw3"> typ</span><span class="sy0"> =</span><span class="st0"> 'text/css'</span> > <br> #tepl<span class="br0"> {</span> <br> background-clip: border-box; <br> <span class="br0"> }</span> <br> @<span class="kw3"> média</span> <span class="br0"> (</span> max-<span class="kw3"> šířka</span> : 500 pixelů<span class="br0"> )</span><span class="br0"> {</span> <br> #tepl<span class="br0"> {</span> <br> background-clip: padding-box; <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"> styl</span></a> > <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/html.html"><span class="kw2"> html</span></a> ><p> V tomto úryvku kódu:</p> <ul> <li> Opakujte metodiky pro začlenění cesty CDN Tailwind a vytvoření prvku „<textarea>“.</li> <li> Nyní v kódu CSS zadejte výchozí „ <strong> klip na pozadí</strong> „nemovitost jako „ <strong> border-box</strong> “.</li> <li> Poté implementujte „ <strong> @media</strong> ” pravidlo s daným parametrem tak, že pokud se šířka obrazovky rovná „500“ pixelům, „ <strong> klip na pozadí</strong> “ vlastnost je nastavena na “ <strong> vycpávkový box</strong> “.</li> </ul> <p> <strong> Výstup</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> Z tohoto výsledku lze ověřit, že se klip na pozadí přechází v souladu se změněnou šířkou obrazovky.</p> <h2> <strong> Závěr</strong> </h2> <p> Klip na pozadí lze použít s body přerušení Tailwind a dotazy na média prostřednictvím aplikovaného „ <strong> bg-clip-{keyword}</strong> 'utilita s ' <strong> md</strong> “ nebo „ <strong> lg</strong> “ nebo prostřednictvím “ <strong> @media</strong> “pravidlo. Klíčové slovo lze nastavit na „padding-box“, „border-box“, „content-box“, „text-box“ a další. V této příručce jsme demonstrovali použití bodů přerušení a mediálních dotazů s klipem na pozadí v Tailwindu.</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="/jiny/" class="tag-cloud-link">jiný</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">Kategorie</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Jiný</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zvětšení</a> </li><li> <a href="/cinnamon/">Skořice</a> </li><li> <a href="/reviews/">Recenze</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Rádio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Otevřené Plátno</a> </li><li> <a href="/compression/">Komprese</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Software Pro Kancelářskou Produktivitu</a> </li><li> <a href="/boot/">Boot</a> </li><li> <a href="/system-calls/">Systémová Volání</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Vytváření Sítí</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Přístavní Dělník</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Synologie</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Parrot Os</a> </li><li> <a href="/sublime/">Sublimovat</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Kód</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Pochoutka</a> </li><li> <a href="/mouse/">Myš</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">Tableta</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kučera</a> </li><li> <a href="/kde/">Kde</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fonty</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Snímky</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Oliheň</a> </li><li> <a href="/mate/">Kamaráde</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Klávesnice</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Šifrování</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Skener</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Červená Čepice</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Notebook Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Následek</a> </li><li> <a href="/media-players/">Přehrávače Médií</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Pára</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Napájení</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">M2</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Rukojeť</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odysea</a> </li><li> <a href="/audio/">Zvuk</a> </li><li> <a href="/cpu/">Procesor</a> </li><li> <a href="/tensorflow/">Tensorflow</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Okna</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Starší)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Kancelář</a> </li><li> <a href="/jiny/">jiný</a> </li><li> <a href="/webova-kamera/">webová kamera</a> </li><li> <a href="/prehravace-medii/">přehrávače médií</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hapoxy/">hapoxy</a> </li><li> <a href="/bota/">bota</a> </li><li> <a href="/sublimovat/">sublimovat</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">Nextcloud</a> </li><li> <a href="/ctnost/">ctnost</a> </li><li> <a href="/usb-pruchod/">usb-průchod</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Populární Příspěvky</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/EF/how-to-connect-to-linux-instance-using-ec2-instance-connect-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-se-pripojit-k-instanci-linuxu-pomoci-ec2-instance-connect">Jak se připojit k instanci Linuxu pomocí EC2 Instance Connect?</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/6C/how-to-plot-empirical-cumulative-distribution-function-cdf-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-vykreslit-empirickou-kumulativni-distribucni-funkci-cdf-v-matlabu">Jak vykreslit empirickou kumulativní distribuční funkci (CDF) v MATLABu?</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/4F/what-is-the-best-pet-in-adopt-me-roblox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jake-je-nejlepsi-zviratko-v-adopt-me-roblox">Jaké je nejlepší zvířátko v Adopt Me Roblox</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/7D/multidimensional-array-in-php-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/vicerozmerne-pole-v-php-priklady">Vícerozměrné pole v PHP – příklady</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/F7/how-to-recover-deleted-text-messages-on-android-without-app-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-obnovit-smazane-textove-zpravy-na-androidu-bez-aplikace">Jak obnovit smazané textové zprávy na Androidu bez aplikace</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/33/how-to-initialize-an-array-8217-s-length-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-inicializovat-delku-pole-v-javascriptu">Jak inicializovat délku pole v JavaScriptu</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/B5/how-to-turn-off-auto-caps-on-iphone-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-vypnout-automaticke-cepice-na-iphone">Jak vypnout automatické čepice na iPhone</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/32/how-to-share-screen-on-discord-mobile-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-sdilet-obrazovku-na-discord-mobile">Jak sdílet obrazovku na Discord Mobile?</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/82/c-contains-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/c-obsahuje-priklady">C++ obsahuje příklady</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/B0/what-are-typing-arrays-in-typescript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/co-jsou-typovaci-pole-v-typescriptu">Co jsou typovací pole v TypeScriptu</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/1C/how-to-install-jami-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-nainstalovat-jami-na-linux-mint-21">Jak nainstalovat Jami na Linux Mint 21</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/72/how-to-create-a-singleton-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-vytvorit-singleton-v-c">Jak vytvořit Singleton v C++</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/D6/how-many-analog-inputs-in-arduino-uno-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kolik-analogovych-vstupu-v-arduino-uno">Kolik analogových vstupů v Arduino Uno</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/11/docker-registry-mirror-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/docker-registry-mirror">Docker Registry Mirror</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/76/backup-restore-wi-fi-network-profiles-windows-winhelponline.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/backup-restore-wi-fi-network-profiles-windows-winhelponline">Zálohujte a obnovte profily sítě Wi-Fi ve Windows - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Okna</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/14/how-to-install-proxmox-ve-8-on-your-server-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-nainstalovat-proxmox-ve-8-na-vas-server">Jak nainstalovat Proxmox VE 8 na váš server</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/40/how-does-matrix-division-work-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-funguje-maticove-deleni-v-matlabu">Jak funguje maticové dělení v MATLABu</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/5E/how-to-deploy-django-project-on-aws-ec2-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-nasadit-projekt-django-na-aws-ec2">Jak nasadit projekt Django na AWS EC2</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/67/how-to-obtain-the-weights-of-a-model-layer-in-pytorch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jak-ziskat-hmotnosti-vrstvy-modelu-v-pytorch">Jak získat hmotnosti vrstvy modelu v PyTorch?</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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/86/macro-functions-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/makro-funkce-v-c">Makro funkce v C++</a> </h3> <div class="meta"> <div> <a href="/jiny/"><span class="icon-chat"></span> jiný</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>