 |
VOOZH | about |
|
VOOZH | about |
To write Bootstrap media queries for very large screens, leverage the free, open-source CSS framework to ensure responsive design across various devices, including iPads, tablets, and mobiles. Use Bootstrap's built-in classes and customize properties with media queries to maintain a smooth UI regardless of screen size.
The table below shows the bootstrap media queries for very large screens
| Device Type | min-width in px |
| Small Devices like mobiles | 576px |
| Medium Devices like tablets | 768px |
| Large devices like Desktops | 992px |
| Very large or Extra large devices like large desktops | 1200px |
Example: The example uses media queries and will add a property for background-color for very large screens. If the screen size is more than 1200px then the background-color is the above one and if the resolution is less then 1200px then its background-color will be none.
Output:
