PHPackages bkindler/bjk-responsive-visibility - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. bkindler/bjk-responsive-visibility ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility) bkindler/bjk-responsive-visibility ================================== Adds a minimum viewport breakpoint selector to all content elements. Elements are hidden below the chosen breakpoint using Bootstrap CSS utility classes. v1.0.1(4mo ago)06GPL-2.0-or-laterPHP Since Feb 23Pushed 4mo agoCompare [ Source](https://github.com/bkindler/bjk-responsive-visibility)[ Packagist](https://packagist.org/packages/bkindler/bjk-responsive-visibility)[ RSS](/packages/bkindler-bjk-responsive-visibility/feed)WikiDiscussions main Synced today READMEChangelog (2)Dependencies (2)Versions (3)Used By (0) Responsive Visibility – TYPO3 Extension ======================================= [](#responsive-visibility--typo3-extension) [![TYPO3 11.5–14.x](https://camo.githubusercontent.com/e7ae294de8689fb671ee5dd83cdac0cfe5d075e5d0c4c1acdf3bf593448b86c9/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5459504f332d31312e352d2d31342e782d6f72616e67652e737667)](https://get.typo3.org/)[![Bootstrap Package](https://camo.githubusercontent.com/feac1949b06f832cd488886b9e1138c08f723306afe01ec628b85db2d41b508b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f426f6f7473747261705f5061636b6167652d31342d2d31362d626c75652e737667)](https://github.com/benjaminkott/bootstrap_package)[![License: GPL v2](https://camo.githubusercontent.com/6b639abd353f330706524560924b761ba87ba1895911daf38f4b71b9347bb94f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d47504c5f76322d626c75652e737667)](https://www.gnu.org/licenses/gpl-2.0) Adds a **minimum viewport breakpoint** selector to all content elements. Elements are hidden below the chosen breakpoint using Bootstrap CSS utility classes (`d-none d-{breakpoint}-block`). What does it do? ---------------- [](#what-does-it-do) This extension adds a "Minimum Viewport" dropdown to the **Appearance** tab of every content element. When a breakpoint is selected, the element is only visible at that screen width and above. No custom CSS is needed — it leverages Bootstrap 5 utility classes already included in the Bootstrap Package. Breakpoints ----------- [](#breakpoints) OptionMin-WidthCSS Classes AppliedAlways visible—None (no wrapper)From SM≥ 576px`d-none d-sm-block`From MD≥ 768px`d-none d-md-block`From LG≥ 992px`d-none d-lg-block`From XL≥ 1200px`d-none d-xl-block`From XXL≥ 1400px`d-none d-xxl-block`Requirements ------------ [](#requirements) - TYPO3 CMS 11.5 – 14.x - Bootstrap Package 14.x – 16.x - PHP 8.1+ Installation ------------ [](#installation) ### Via Composer (recommended) [](#via-composer-recommended) ``` composer require bkindler/bjk-responsive-visibility ``` ### Via TYPO3 Extension Manager [](#via-typo3-extension-manager) 1. Download the extension ZIP file 2. Go to **Admin Tools → Extensions** 3. Click **Upload Extension** and select the ZIP file 4. Activate the extension ### Include TypoScript [](#include-typoscript) **TYPO3 14 (Site Sets):**Add the "Responsive Visibility" set to your site configuration. **TYPO3 11–13 (Static Templates):**Include the static template "Responsive Visibility (bjk\_responsive\_visibility)" in your TypoScript template record. Usage ----- [](#usage) 1. Edit any content element 2. Switch to the **Appearance** tab 3. Select the desired **Minimum Viewport** breakpoint 4. Save — the element will only be visible at that screen width and above How it works ------------ [](#how-it-works) The extension wraps content elements in a `` with Bootstrap's responsive display utility classes. For example, selecting "From MD" produces: ``` ``` The `d-none` class hides the element by default, and `d-md-block` makes it visible again from the MD breakpoint (768px) upwards. License ------- [](#license) This extension is licensed under the [GNU General Public License v2.0 or later](https://www.gnu.org/licenses/gpl-2.0.html). Author ------ [](#author) **Björn Kindler** - Email: - GitHub: [@bkindler](https://github.com/bkindler) ### Health Score 32 — LowBetter than 69% of packages Maintenance76 Regular maintenance activity Popularity4 Limited adoption so far Community6 Small or concentrated contributor base Maturity36 Early-stage or recently created project Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~0 days Total 2 Last Release 131d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/780167acad2a124dbef7ba6896b35ace16d3818529b2ed2fdf346acbc4e0a9f0?d=identicon)[bkindler](/maintainers/bkindler) --- Top Contributors [![bkindler](https://avatars.githubusercontent.com/u/9107850?v=4)](https://github.com/bkindler "bkindler (2 commits)") ### Embed Badge ![Health badge](/badges/bkindler-bjk-responsive-visibility/health.svg) ``` [![Health](https://phpackages.com/badges/bkindler-bjk-responsive-visibility/health.svg)](https://phpackages.com/packages/bkindler-bjk-responsive-visibility) ``` ### Alternatives [friendsoftypo3/content-blocks TYPO3 CMS Content Blocks - Content Types API | Define reusable components via YAML 103519.9k53](/packages/friendsoftypo3-content-blocks)[wazum/sluggi TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects 40529.5k](/packages/wazum-sluggi)[typo3/cms-lowlevel TYPO3 CMS Lowlevel - Technical analysis of the system. This includes raw database search, checking relations, counting pages and records etc. 178.2M318](/packages/typo3-cms-lowlevel)[typo3/cms-redirects TYPO3 CMS Redirects - Create manual redirects, list existing redirects and automatically createredirects on slug changes. 167.4M80](/packages/typo3-cms-redirects)[typo3/cms-form TYPO3 CMS Form - Flexible TYPO3 frontend form framework that comes with a backend editor interface. 147.6M266](/packages/typo3-cms-form)[derhansen/sf_event_mgt Event management and registration - Configurable event management and registration extension based on ExtBase and Fluid 66338.4k10](/packages/derhansen-sf-event-mgt) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)