A CSS extension to the latest Bootstrap 4 framework to create RTL-aware websites & web applications where the languages are written from right to left (Farsi, Arabic, Hebrew, etc).
پروژه Bootstrap RTL نمونه سادهای برای RTL کردن فریمورک Bootstrap CSS هست.
برای استفاده از Bootstrap RTL نیاز است فایلهای CSS و JS فریمورک Bootstrap را در صفحه وب فراخوانی کنید. نمونه:
<!doctype html> <html dir="rtl" lang="fa"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Bootstrap RTL</title> <!-- CSS only --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <!-- JS, Popper.js, and jQuery --> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script> <link rel="stylesheet" href="css/bootstrap-rtl.min.css"> </head> <body> Your Content. </body> </html>
برخی از متن های نمونه سریع برای ساختن عنوان کارت و تشکیل بخش عمده ای از محتوای کارت.
ادامهWith supporting text below as a natural lead-in to additional content.
Go somewhereWith supporting text below as a natural lead-in to additional content.
Go somewhereWith supporting text below as a natural lead-in to additional content.
Go somewhereاین یک واحد قهرمان ساده است ، یک جزء ساده به سبک jumbotron برای جلب توجه بیشتر به مطالب یا اطلاعات برجسته.
از کلاسهای ابزار برای تایپوگرافی و فاصله برای محتوای فضا در داخل ظرف بزرگتر استفاده می کند.
بیشتر بیاموزید