Bootstrap-rtl-ltr-support NPM

Bootstrap 5 RTL-LTR Support

This repository is dedicated to configuring Bootstrap for seamless support of both RTL (Right-to-Left) and LTR ( Left-to-Right) layouts.

Installation

You have two options to install the bootstrap-rtl-ltr-support package and include the necessary CSS file in your project.

Option 1: Using npm

Install the package using npm:
```
npm install bootstrap-rtl-ltr-support
```
Once the package is installed, you can import the css/bootstrap.css file into your project as follows:
```
 <link rel="stylesheet" href="node_modules/bootstrap-rtl-ltr-support/css/bootstrap.css">
```

2. Option 2: Manual Download

Download the package's CSS file from the following URL: Download bootstrap.css
Include the downloaded bootstrap.css file in your project:

<link rel="stylesheet" href="path/to/downloaded/bootstrap.css">

3. Option 3: External Link

Include the CSS file directly from an external link:

<link rel="stylesheet"
      href="https://raw.githubusercontent.com/safaeean/bootstrap-rtl-ltr-support/main/dist/css/bootstrap.css">

Usage

Once you have included the bootstrap-rtl-ltr.css file in your project, you can easily switch between RTL and LTR layouts by changing the direction of your HTML's <html> tag or by applying the relevant class to your <body> tag.

Example for RTL layout:

<html dir="rtl">
<!-- Your content here -->
</html>

Example for LTR layout:

<html dir="ltr">
<!-- Your content here -->
</html>

Issues

If you encounter any issues or have suggestions for improvements, please open an issue.

License

This project is licensed under the MIT License.

@everything-registry/sub-chunk-1254

1.0.1

8 months ago

1.0.0

8 months ago