### CCol

```jsx
import { CCol } from '@coreui/vue'
// or
import CCol from '@coreui/vue/src/components/grid/CCol'
```

#### Props

| Prop name | Description                                                         | Type | Values                                                                                                                                                                         | Default |
| --------- | ------------------------------------------------------------------- | ---- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------- |
| **xs**    | The number of columns/offset/order on extra small devices (<576px). | Col  | `'auto' \| number \| string \| boolean \| { span: 'auto' \| number \| string \| boolean } \| { offset: number \| string } \| { order: 'first' \| 'last' \| number \| string }` | -       |
| **sm**    | The number of columns/offset/order on small devices (<768px).       | Col  | `'auto' \| number \| string \| boolean \| { span: 'auto' \| number \| string \| boolean } \| { offset: number \| string } \| { order: 'first' \| 'last' \| number \| string }` | -       |
| **md**    | The number of columns/offset/order on medium devices (<992px).      | Col  | `'auto' \| number \| string \| boolean \| { span: 'auto' \| number \| string \| boolean } \| { offset: number \| string } \| { order: 'first' \| 'last' \| number \| string }` | -       |
| **lg**    | The number of columns/offset/order on large devices (<1200px).      | Col  | `'auto' \| number \| string \| boolean \| { span: 'auto' \| number \| string \| boolean } \| { offset: number \| string } \| { order: 'first' \| 'last' \| number \| string }` | -       |
| **xl**    | The number of columns/offset/order on X-Large devices (<1400px).    | Col  | `'auto' \| number \| string \| boolean \| { span: 'auto' \| number \| string \| boolean } \| { offset: number \| string } \| { order: 'first' \| 'last' \| number \| string }` | -       |
| **xxl**   | The number of columns/offset/order on XX-Large devices (≥1400px).   | Col  | `'auto' \| number \| string \| boolean \| { span: 'auto' \| number \| string \| boolean } \| { offset: number \| string } \| { order: 'first' \| 'last' \| number \| string }` | -       |
