Tobago Demo

Menu

» Root Dummy » Intro » Input » Output » Select » Command » Container » Popup » Popover » Toast » Tab Group » Sheet » Tree » File Upload » WYSIWYG Editor » Layout » Collapsible » Partial Ajax » Behavior » Form » Validation » Conversion » Format » Theme » Styling » Style Tag » Bootstrap » Browser » Locale » AccessKey » DataAttribute » Focus » Meta » Icons » Security » Error Handling » Exception Handler » For Each » Resize » Conversation » WebSocket » Transition » Non Faces Response » Non Faces Request » Configuration » Test
» Root Dummy » Intro » Input » Output » Select » Command » Container » Popup » Popover » Toast » Tab Group » Sheet » Tree » File Upload » WYSIWYG Editor » Layout » Collapsible » Partial Ajax » Behavior » Form » Validation » Conversion » Format » Theme » Styling » Style Tag » Bootstrap » Browser » Locale » AccessKey » DataAttribute » Focus » Meta » Icons » Security » Error Handling » Exception Handler » For Each » Resize » Conversation » WebSocket » Transition » Non Faces Response » Non Faces Request » Configuration » Test

Bootstrap

Example: Classes for Displaying Dependent on Screen Size

Bootstrap: Display property <tc:badge value="small"> <tc:style customClass="d-none d-sm-inline"/> </tc:badge>

Resizing the browser window shows and hides some components.

normal   small   medium   large   xl   xxl
normal small medium large xl xxl
Sun - 0.0 0 -
Mercury Sun 87.97 57910 -
Venus Sun 224.7 108200 -
Earth Sun 365.26 149600 -
  • Rows 1 to 4 of 88
  • Page 1 of 22
© 2005-2023 Apache Software Foundation, Licensed under the Apache License, Version 2.0.