---
# System prepended metadata

title: iP(hone|ad) dimensions versus Bootstrap containers
tags: [bootstrap, container, dimension]

---

# iP(hone|ad) dimensions versus Bootstrap containers

###### tags: `dimension` `container` `bootstrap`

## Portrait

| Device | UIKit Size<SUB>(points)</SUB> | Container<SUB>(class)</SUB> |
| - | - | - |
| iPhone SE | `320`&#215;`568` | `.container-sm` |
| iPhone 6 | `375`&#215;`667` | `.container-sm` |
| iPhone 6s | `375`&#215;`667` | `.container-sm` |
| iPhone 7 | `375`&#215;`667` | `.container-sm` |
| iPhone 6 Plus | `375`&#215;`667` | `.container-sm` |
| iPhone 6s Plus | `375`&#215;`667` | `.container-sm` |
| iPhone 8 | `375`&#215;`667` | `.container-sm` |
| iPhone X | `375`&#215;`812` | `.container-sm` |
| iPhone 7 Plus | `414`&#215;`736` | `.container-sm` |
| iPhone 8 Plus | `414`&#215;`736` | `.container-sm` |
| iPad Mini 4 | `768`&#215;`1024` | `.container-md` |
| iPad Air 2 | `768`&#215;`1024` | `.container-md` |
| iPad Pro (9.7&#34;) | `768`&#215;`1024` | `.container-md` |
| iPad Pro 10.5&#34; | `834`&#215;`1112` | `.container-md` |
| iPad Pro (12.9&#34;) | `1024`&#215;`1366` | `.container-lg` |
| iPad Pro 12.9&#34; <SUB>(2nd generation)</SUB> | `1024`&#215;`1366` | `.container-lg` |

## Landscape

## References

* https://developer.apple.com/library/archive/documentation/DeviceInformation/Reference/iOSDeviceCompatibility/Displays/Displays.html
* https://getbootstrap.com/docs/4.5/layout/overview/