bootstrap-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. Utilize it to accelerate the development of multilingual websites.

1.0.1
latest
Source
npm

Version published: last year

Maintainers: 1

Created: last year

Source

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.

FAQs

What is bootstrap-rtl-ltr-support?

Is bootstrap-rtl-ltr-support well maintained?

Package last updated on 22 Sep 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install