Bootstrap 5.3.7 Snippets by Jaromír Ihln verze 1.0.0

Kompletní sada snippetů pro Bootstrap 5.3.7 ve Visual Studio Code s kompletními stránkami. Je to následovník(přenesení - přejmenování) mé původní sady JaromirIhln Bootstrap 5 Snippets aktualizovaný a rozšířený o kompletní šablony stránek a reálné obrázky. Důvodem je špatné zvolení názvu původní sady, které bylo nejspíš hůře asociované pro danný jazyk.

EN: A comprehensive snippet collection for Bootstrap 5.3.7 in Visual Studio Code, now including complete page templates. This is a successor (renaming) of my original JaromirIhln Bootstrap 5 Snippets, updated and expanded with full page templates and real images. The reason for the change is the poor choice of the original name, which was likely less associated with the given language.

Funkce - Features

🚀 HTML Snippety - Kompletní sada komponent Bootstrap 5.3.7 s Font Awesome ikonami EN: - 🚀 HTML Snippets - Complete set of Bootstrap 5.3.7 components with Font Awesome icons
📄 Kompletní stránky - Hotové šablony Home, About, Services a Contact stránek EN: - 📄 Complete Pages - Ready-made templates for Home, About, Services, and Contact pages
⚡ JavaScript Snippety - Bootstrap JS komponenty a interakce EN: - ⚡ JavaScript Snippets - Bootstrap JS components and interactions
🎨 CSS Utility Snippety - Bootstrap utility třídy pro rychlé stylování EN: - 🎨 CSS Utility Snippets - Bootstrap utility classes for quick styling
🖼️ Reálné obrázky - Lorem Picsum placeholder obrázky místo zástupných textů EN: - 🖼️ Real Images - Lorem Picsum placeholder images instead of dummy text
📱 Responsive Design - Grid systém a responsive utilities EN: - 📱 Responsive Design - Grid system and responsive utilities
🔧 Aktuální verze - Bootstrap 5.3.7 kompatibilní EN: - 🔧 Current Version - Compatible with Bootstrap 5.3.7
🌍 Univerzální obsah - Neutrální placeholder texty pro jakékoliv podnikání EN: - 🌍 Universal Content - Neutral placeholder texts for any business

📦 Instalace - Installation

Z VS Code Marketplace (doporučeno) - From VS Code Marketplace (recommended)

Otevři VS Code - Open VS Code
Jdi na Extensions (Ctrl+Shift+X) - Go to Extensions (Ctrl+Shift+X)
Vyhledej "JaromirIhln Bootstrap 5.3.7 Snippets" - Search for "JaromirIhln Bootstrap 5.3.7 Snippets"
Klikni "Install" - Click "Install"

Nebo navštiv přímo: VS Code Marketplace

Alternativně z příkazové řádky - Alternatively from the command line

code --install-extension JaromrIhln.ji-bootstrap5-snippets

Použití - Usage

Začněte psát prefix snippetu v HTML nebo JavaScript souboru a stiskněte Tab pro dokončení. Pro kompletní web nejdříve vytvořte html soubory: index.html, about.html, services.html, contact.html a poté použijte příslušné snippety pro vložení kompletních stránek. Všechny stránky mají přednastavené odkazy mezi sebou. EN: Start typing the snippet prefix in an HTML or JavaScript file and press Tab to expand. For a complete website, first create HTML files: index.html, about.html, services.html, contact.html, and then use the corresponding snippets to insert complete pages. All pages have pre-set links between them.

HTML Snippety - HTML Snippets

Prefix	Popis	EN Description
`bs5-html-page`	Bootstrap HTML stránka	Bootstrap HTML page
`bs5-home-page`	🏠 Kompletní domovská stránka	🏠 Complete Home Page
`bs5-about-page`	👥 Kompletní o nás stránka	👥 Complete About Page
`bs5-services-page`	⚙️ Kompletní služby stránka	⚙️ Complete Services Page
`bs5-contact-page`	📞 Kompletní kontakt stránka	📞 Complete Contact Page
`bs5-container`	Bootstrap kontejner	Bootstrap Container
`bs5-row`	Bootstrap řádek	Bootstrap Row
`bs5-col`	Bootstrap sloupec	Bootstrap Column
`bs5-card`	Bootstrap karta	Bootstrap Card
`bs5-navbar`	Bootstrap navigace	Bootstrap Navbar
`bs5-button`	Bootstrap tlačítko	Bootstrap Button
`bs5-modal`	Bootstrap modální okno	Bootstrap Modal
`bs5-form`	Bootstrap formulář	Bootstrap Form
`bs5-alert`	Bootstrap upozornění	Bootstrap Alert
`bs5-carousel`	Bootstrap karusel	Bootstrap Carousel

JavaScript Snippety - JavaScript Snippets

Prefix	Popis	EN Description
`js-bs5-modal-init`	Modal inicializace	Modal Initialization
`js-bs5-tooltip-init`	Tooltip inicializace	Tooltip Initialization
`js-bs5-popover-init`	Popover inicializace	Popover Initialization
`js-bs5-alert-dismiss`	Alert dismiss	Alert Dismiss
`js-bs5-carousel-init`	Carousel inicializace	Carousel Initialization
`js-bs5-collapse-init`	Collapse inicializace	Collapse Initialization
`js-bs5-dropdown-init`	Dropdown inicializace	Dropdown Initialization
`js-bs5-offcanvas-init`	Offcanvas inicializace	Offcanvas Initialization
`js-bs5-form-validation`	Form validace	Form Validation

...a další JavaScript komponenty - and more JavaScript components

CSS Utility Snippety - CSS Utility Snippets

Prefix	Popis	EN Description
`bs5-text-primary`	HTML element s text-primary třídou	HTML element with text-primary class
`bs5-d-flex`	HTML element s d-flex třídou	HTML element with d-flex class
`bs5-justify-center`	HTML element s justify-content-center třídou	HTML element with justify-content-center class
`bs5-mx-auto`	HTML element s mx-auto třídou	HTML element with mx-auto class
`bs5-bg-primary`	HTML element s bg-primary třídou	HTML element with bg-primary class
`bs5-shadow`	HTML element s shadow třídou	HTML element with shadow class
`text-primary`	Bootstrap text-primary třída (pro CSS)	Bootstrap text-primary class (for CSS)
`d-flex`	Bootstrap d-flex třída (pro CSS)	Bootstrap d-flex class (for CSS)
`bg-primary`	Bootstrap bg-primary třída (pro CSS)	Bootstrap bg-primary class (for CSS)

...a další utility třídy - and more utility classes

Příspěvky - Contributions

Příspěvky jsou vítány! Prosím vytvořte issue nebo pull request. EN: Contributions are welcome! Please create an issue or pull request.

Bootstrap 5.3.7 Snippets by Jaromír Ihln

Jaromír Ihln