@front10/bootstrap/README.md

Style library based on bootstrap

<h1 style="text-align: center;">
    <a href="http://front10.com/">
        <img src="https://github.com/front10/landing-page-book/blob/master/assets/images/logo/logo-frton10.jpg?raw=true" alt="Front10 Component Explorer" width="200">
    </a>
</h1>

# front10 Bootstrap

`@front10/front10-bootstrap` is an customization of bootstrap library.

[![standard-readme compliant](https://img.shields.io/badge/standard--readme-OK-green.svg?style=flat-square)](https://github.com/RichardLitt/standard-readme)

In our constant effort for the optimization and efficiency of our components, we have decided to create this library of styles that will allow us to only import in each component / project the css classes that we need.

At this time we need the bootstrap system layout but without Flex for compatibility reason.
All Utilities and colors of bootstrap 4 plus new utilities.

### Change log

- 1.1.8 (2/5/2019)
  - Added: Border compatibility.
  - Fixed Bug:
    - Padding and margin rules are now !important
    - Improved compatibility with border-style.
- 1.1.6 (2/5/2019)
  - Added: CSS rules to typography, rounded border, display, code and border to bootstrap customization 4.
- 1.1.3 (2/4/2019)
  - Fixed bug: Improved row compatibility for RTL languages.
- 1.1.1 (2/4/2019)
  - Fixed bug: Rename missing rules css for the padding.
- 1.1.0 (2/4/2019)
  - Useful classes have been added for bootstrap customization 4.
    - Fonts
    - Margin
    - Padding
    - Rounded

### Library content

- [Bootstrap 4 (RTL compatibility)](#bootstrap4)
- [Personalization of Bootstrap 3 (RTL compatibility)](#bootstrap3)

### How Use

Import in your website the CSS file that you want to use according to your needs.

<div id="bootstrap4">

#### Bootstrap 4

##### **LTR**

`import from '@front10/bootstrap/bootstrap4/index.css'`
or

`import from '@front10/bootstrap/bootstrap4/index.min.css'`

##### **RTL**

`import from '@front10/bootstrap/bootstrap4/index.rtl.css'`
or

`import from '@front10/bootstrap/bootstrap4/index.rtl.min.css'`

</div>

<div id="bootstrap3">

#### Bootstrap 3

##### **LTR**

`import from '@front10/bootstrap/index.css'`
or

`import from '@front10/bootstrap/index.min.css'`

##### **RTL**

`import from '@front10/bootstrap/index.rtl.css'`
or

`import from '@front10/bootstrap/index.rtl.min.css'`

</div>