Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ivan-kalatchev/bootstrapextended

BootstrapExtended is a library that extends normal bootstrap with more components!
https://github.com/ivan-kalatchev/bootstrapextended

bootstrap bootstrap-sass bootstrap-theme bootstrap4 css css3 custom-select design front-end frontend html html5 javascript sass-framework sass-library scss scss-framework select ui ui-components

Last synced: 9 days ago
JSON representation

BootstrapExtended is a library that extends normal bootstrap with more components!

Host: GitHub
URL: https://github.com/ivan-kalatchev/bootstrapextended
Owner: Ivan-Kalatchev
License: mit
Created: 2020-10-25T10:27:27.000Z (about 4 years ago)
Default Branch: main
Last Pushed: 2021-08-11T16:13:16.000Z (over 3 years ago)
Last Synced: 2024-11-07T11:02:31.321Z (9 days ago)
Topics: bootstrap, bootstrap-sass, bootstrap-theme, bootstrap4, css, css3, custom-select, design, front-end, frontend, html, html5, javascript, sass-framework, sass-library, scss, scss-framework, select, ui, ui-components
Language: HTML
Homepage:
Size: 163 KB
Stars: 10
Watchers: 2
Forks: 1
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# BootstrapExtended 📏

Feel tiered of missing components in Bootstrap? This is the right place!

### Release 1.0.0 is here!

## What's new

✔️ AdminCards

✔️ SideBar changes

✔️ Boostrap theme - https://github.com/Ivan-Kalatchev/BootstrapExtended.Theme

## Bootstrap Theme

**BootstrapExtended** now has it's own bootstrap theme. It has a metro look and feel and it's based on Bootwatch's Cosmo. https://github.com/Ivan-Kalatchev/BootstrapExtended.Theme

## Description

**BootstrapExtended** is a library that contains certain HTML elements, styled in the bootstrap theme, that are currently not supported in the full Bootstrap library, like **check-boxes**, **radio buttons**, **selects** and more. It's development purpose is to help developers work with Bootstrap with **as little** dependencies as possible.

## Quick overview (for full project progress description go into the the projects tab)

✔️ Select - Ready

![Combobox-expanded](https://raw.githubusercontent.com/Ivan-Kalatchev/BootstrapExtended/main/screenshots/Select-Expanded.png?raw=true)

✔️ Checkboxes - Ready

![Checkboxes](https://raw.githubusercontent.com/Ivan-Kalatchev/BootstrapExtended/main/screenshots/Checkboxes.png?raw=true)

✔️ Radio buttons - Ready

![Radio](https://raw.githubusercontent.com/Ivan-Kalatchev/BootstrapExtended/main/screenshots/Radio.png?raw=true)

![Radio2](https://raw.githubusercontent.com/Ivan-Kalatchev/BootstrapExtended/main/screenshots/Radio-NoText.png?raw=true)

![Radio3](https://raw.githubusercontent.com/Ivan-Kalatchev/BootstrapExtended/main/screenshots/Radio-Block.png?raw=true)

✔️ Switch - Ready

![Switch-On](https://raw.githubusercontent.com/Ivan-Kalatchev/BootstrapExtended/main/screenshots/Switch-On.png?raw=true)

![Switch-Off](https://raw.githubusercontent.com/Ivan-Kalatchev/BootstrapExtended/main/screenshots/Switch-Off.png?raw=true)

✔️ AdminCards - Ready

![Switch-On](https://raw.githubusercontent.com/Ivan-Kalatchev/BootstrapExtended/main/screenshots/AdminCards.png?raw=true)

✔️ Callouts - Ready

![Callouts](https://raw.githubusercontent.com/Ivan-Kalatchev/BootstrapExtended/main/screenshots/Callouts.png?raw=true)

✔️ SideBar - Ready

![SideBar-Expanded](https://raw.githubusercontent.com/Ivan-Kalatchev/BootstrapExtended/main/screenshots/Sidebar-Expanded.png?raw=true)

![SideBar-Collapsed](https://raw.githubusercontent.com/Ivan-Kalatchev/BootstrapExtended/main/screenshots/Sidebar-Collapsed.png?raw=true)

✔️ Drawer - Ready

![Drawer-Right](https://raw.githubusercontent.com/Ivan-Kalatchev/BootstrapExtended/main/screenshots/Drawer-Right.png?raw=true)
![Drawer-Left](https://raw.githubusercontent.com/Ivan-Kalatchev/BootstrapExtended/main/screenshots/Drawer-Left.png?raw=true)

## Development

BootstrapExtended is made with sass and a theme file, which means you can always change something and just recompile the scss file. Support for bootstrap themes from Bootswatch will be available in release 2.0.

## Missing documentation

If there appears to be new components and they have no documentation, you can always find every one of them in "showcase/testing.html".