Twitter bootstrap 3 with RTL

Now, we are going to discuss about one most  interesting topic for web developers and designers  because most of the people struct with responsive  RTL (Right to left) for arabic language. Those people wants responsive design with RTL.  Is it possible?

Yes. There are two opensource resources available to use RTL in twitter bootstrap. Also they are adapted all twitter bootstrap components and JavaScript  for RTL usage.

RTL support components

  • Button groups
  • Button dropdowns
  • Navs
  • Navbar
  • Dropdowns
  • Breadcrums
  • Paginations
  • Badges
  • Typography
  • Thumbnails
  • Alerts
  • Progress bar
  • Media Objects
  • Misc

RTL support Javascript:

  • Transitions
  • Modal
  • Dropdown
  • Tab
  • Tooltip
  • Popover
  • Scrollspy
  • Alert
  • Button
  • Collapse
  • Carousel
  • Typeahead and affix

Both are supported twitter bootstrap 3 and Here i have listed those two twitter bootstrap 3 RTL projects.

First one:

bootstrap-rtl

 

Source: http://zerox.me/projects/bootstrap3/

Github Url(Download) : https://github.com/izer0x/bootstrap-3-arabic/

Second one:

bootstrap-rtl-1

Source: http://malekpour.github.io/bootstrap/3.0.0-wip/docs/rtl.html

GitHub URL: https://github.com/twbs/bootstrap

Both these are looking cool and it will reduces your time while your developing RTL supported websites.

Thank you….

Note:

Please don’t forget to share and subscribe to latest updates of the blog .