https://github.com/stephenhebert/unocss-preset-bootstrap-grid
Bootstrap Grid Preset for UnoCSS
https://github.com/stephenhebert/unocss-preset-bootstrap-grid
Last synced: over 1 year ago
JSON representation
Bootstrap Grid Preset for UnoCSS
- Host: GitHub
- URL: https://github.com/stephenhebert/unocss-preset-bootstrap-grid
- Owner: stephenhebert
- License: mit
- Created: 2022-04-16T13:26:02.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-08-02T15:31:54.000Z (almost 4 years ago)
- Last Synced: 2025-02-20T02:19:45.842Z (over 1 year ago)
- Language: TypeScript
- Size: 27.3 KB
- Stars: 5
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# unocss-preset-bootstrap-grid
> Bootstrap Grid Preset for UnoCSS
## Usage
```js
// unocss.config.js
import { presetUno, defineConfig } from 'unocss'
import { presetBootstrapGrid } from 'unocss-preset-bootstrap-grid'
export default defineConfig({
presets: [
...
presetBootstrapGrid(),
],
})
```
## Utilities
* .(prefix-)container - does NOT set max-width by theme breakpoints
* .(prefix-)row
* .(prefix-)row-cols-*
* .(prefix-)col
* .(prefix-)col-(1-12)
* .(prefix-)col-auto
* .(prefix-)offset-(1-12)
* .(prefix-)g(x|y)-*
> See [tailwind-bootstrap-grid](https://tailwind-bootstrap-grid.netlify.app/) for examples / syntax
### Type of `BootstrapGridOptions`
```ts
export interface BootstrapGridOptions {
/**
* Prefix for Bootstrap Grid classes
*
* @defaultValue `b-`
*/
prefix?: string,
/**
* Gutter width
*
* @defaultValue `1rem`
*/
gutter?: string,
/**
* Grid columns
*
* @defaultValue `12`
*/
gridColumns?: number,
}
```
## License
MIT