https://github.com/ebukaodini/bootstrapplus

A bootstrap extension.
https://github.com/ebukaodini/bootstrapplus

bootstrap bootstrap-extension css3 swatch themes theming

Last synced: about 20 hours 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 4 years ago)
• Default Branch: master
• Last Pushed: 2020-11-30T10:40:47.000Z (almost 4 years ago)
• Last Synced: 2024-11-11T05:56:07.620Z (9 days 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.

[![Netlify Status](https://api.netlify.com/api/v1/badges/a5e3311c-926f-48f3-85a6-465b374859ac/deploy-status)](https://app.netlify.com/sites/bootstrapplus/deploys) [![](https://data.jsdelivr.com/v1/package/npm/@bootstrapplus/bootstrapplus/badge)](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)