Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@laylazi/bootstrap-rtl

Package Overview
Dependencies
Maintainers
1
Versions
15
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@laylazi/bootstrap-rtl

First and most accurate RTL edition of Bootstrap 4.x, the most popular front-end framework for developing responsive, mobile first projects on the web.

  • 4.3.113
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
598
decreased by-3.08%
Maintainers
1
Weekly downloads
 
Created
Source

Bootstrap 4 RTL

  • Latest dist.: Version 4.3.1 (Official) + RTL 4.3.1 rev. 13 (Unofficial)
  • Visit full documentaions in RTL direction. (English docs)
  • Visit example pages in RTL direction.

RTL Hints:

  • Use this package like official package.
  • Use <html ... dir="rtl" ... > for correct PRINT layout and also, because of MS IE/EDGE layout engine RTL capabilities.
  • Use UTF-8 encoding.
  • Always follow XHTML rules.

In case of adapting/converting Bootstrap 4 templates:

  • Replace all official bootstrap.css references by bootstrap-rtl.css in all HTML files.
  • Inside every HTML file, find these direction specific CSS class names and change them:
    • border-left to border-right and vice versa.
    • border-left-0 to border-right-0 and vice versa.
    • rounded-left to rounded-right and vice versa.
    • float-left to float-right and vice versa.
    • ml-* to mr-* and vice versa.
    • pl-* to pr-* and vice versa.
    • text-left to text-right and vice versa.
    • text-*-left to text-*-right and vice versa.
    • dropleft to dropright and vice versa.
    • dropdown-menu-left to dropdown-menu-right and vice versa.
    • dropdown-menu-*-left to dropdown-menu-*-right and vice versa.
  • Also, to correct Popovers / Tooltips direction, change all data-placement="left" to data-placement="right" and vice versa.
  • After that, use RTLCSS to adapt / convert all customized css codes to RTL edition.

Keywords

FAQs

Package last updated on 01 Aug 2019

Did you know?

Socket

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

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc