Skip to content

mrjelveh/BootsDrac

Repository files navigation

Bootstrap logo

Bootstrap 4.4.1 RTL With Dark Mode

BOOTS🧛‍♂️

Installation

On npm:

npm i bootsdrac

or

Download files: Download compiled file | Download source file | |---|---|---|

What is Bootsdrac?

A front-end framework based on the latest version of Bootstrap with extra abalities:

➡️ RTL version of bootstrap without reversing and code overwriting.

➡️ Dark theme.

➡️ Multicolor & different sizes for pagination and custom switches, rounded option for all components.

📑 You can use Bootstrap documention:

Bootstrap documention

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

bootstrap/  
└── dist/  
    ├── css/  
    │   ├── bootstrap-dark.css  
    │   ├── bootstrap-dark.css.map  
    │   ├── bootstrap-grid.css  
    │   ├── bootstrap-grid.css.map  
    │   ├── bootstrap-reboot.css  
    │   ├── bootstrap-reboot.css.map  
    │   ├── bootstrap-reboot.min.css  
    │   ├── bootstrap-reboot.min.css.map  
    │   ├── bootstrap-rtl-dark.css  
    │   ├── bootstrap-rtl-dark.css.map  
    │   ├── bootstrap-rtl.css  
    │   ├── bootstrap-rtl.css.map  
    │   ├── bootstrap.css  
    │   └── bootstrap.css.map  
    └── js/  
        ├── bootstrap.bundle.js  
        ├── bootstrap.bundle.js.map  
        ├── bootstrap.bundle.min.js  
        ├── bootstrap.bundle.min.js.map  
        ├── bootstrap.js  
        ├── bootstrap.js.map  
        ├── bootstrap.min.js  
        └── bootstrap.min.js.map  

For kickass developers who want to help me or change the codes:

🔹 First of all don't forget npm i.

🔹 I used gulp as package manager.

🔹 For darkmode theme I added another variable file: _variables_dark.scss.

🔹 I added some extra things to Bootstrap (like custom buttons, Custom switches and etc), If you want to remove it or edit it you can find it in this directory:

bootstrap/  
└── scss/  
    └── dracs-addons/  
        ├── _addons-main.scss  
        ├── _addons-mixins.scss  
        └── _addons-variables.scss