Cestus III
This is a responsive infobox that floats right on desktop and stacks below content on mobile.
Key Feature: Collapsible on mobile devices
| Type | Responsive |
| Platform | BookStack |
| Mobile | Collapsible |
- Works within BookStack's HTML restrictions
- No JavaScript required
- Clean, modern design
This is your main content. On desktop screens, the infobox will float to the right of this text, allowing the content to wrap around it. The infobox maintains a fixed width and proper spacing.
On mobile devices (screens smaller than 768px), the infobox will automatically move below the content and become full-width. Additionally, it becomes collapsible using a CSS-only solution that works within BookStack's limitations.
The collapsible functionality uses a hidden checkbox and label combination, which BookStack should preserve since these are standard form elements often used in documentation.