https://github.com/ebukaodini/bootstrapplus
A bootstrap extension.
https://github.com/ebukaodini/bootstrapplus
bootstrap bootstrap-extension css3 swatch themes theming
Last synced: 7 months ago
JSON representation
A bootstrap extension.
- Host: GitHub
- URL: https://github.com/ebukaodini/bootstrapplus
- Owner: ebukaodini
- License: mit
- Created: 2020-09-19T21:27:44.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-11-30T10:40:47.000Z (almost 5 years ago)
- Last Synced: 2025-03-13T07:01:44.898Z (7 months ago)
- Topics: bootstrap, bootstrap-extension, css3, swatch, themes, theming
- Language: HTML
- Homepage: https://bootstrapplus.netlify.app
- Size: 20.5 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# bootstrap-plus
A bootstrap extension.
[](https://app.netlify.com/sites/bootstrapplus/deploys) [](https://www.jsdelivr.com/package/npm/@bootstrapplus/bootstrapplus)
## Getting Started 🚀
### CDN
Just include the source script in your HTML code
```html
```
### Download
Download the [Compressed File](https://bootstrapplus.netlify.app/dist.zip).
## Usage
### Alias
Alias allows you to wrap all your bootstrap classNames in your one single className. #DRY
```javascript
window.onload = function() {
bootstrapplus.alias({
"common-name": "name1 name2 name3 name4 ..."
});
}
```
## Example
```javascript
window.onload = function() {
bootstrapplus.alias({
"mybtns": "btn btn-sm btn-primary rounded-0"
});
}
```
```html
Button 1
Button 2
Button 3
```
### Swatch
Define your own colour swatch for primary, secondary, success, info, warning, danger.
```javascript
// Defaults
window.onload = function() {
bootstrapplus.swatch({
"primary": "#007bff",
"secondary": "#6c757d",
"success": "#28a745",
"info": "#17a2b8",
"warning": "#ffc107",
"danger": "#dc3545"
});
}
```
## Example
```javascript
// Changing the primary and secondary swatch
window.onload = function() {
bootstrapplus.swatch({
"primary": "#7e3c06",
"secondary": "#c48b59"
});
}
```
## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change
## Roadmap
Our next release would be featuring themes. 🤞
## License
[MIT](https://choosealicense.com/licenses/mit/)
## Homepage
[Homepage](https://bootstrapplus.netlify.app)