Giter VIP home page Giter VIP logo

bootsdrac's Introduction

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

bootsdrac's People

Contributors

mrjelveh avatar dependabot[bot] avatar

Stargazers

Roman avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.