bootstrap-rtol

The most popular front-end framework for developing responsive, mobile first projects on the web.


Keywords
css, sass, mobile-first, responsive, front-end, framework, web, bootstrap-rtl, right-to-left, bootstrap, css-framework, html, javascript, jekyll-site, scss
License
MIT
Install
npm install bootstrap-rtol@4.3.1

Documentation

Bootstrap-rtl

Sleek, intuitive, and powerful front-end framework for faster and easier web development.
Explore Bootstrap docs »

Report bug · Request feature


Table of contents

Quick start

Several quick start options are available:

Package managers

  • Install with npm: npm install bootstrap-rtol
  • Install with Bower: bower install bootstrap-rtol

Download

CSS

Copy-paste the stylesheet into your before all other stylesheets to load our CSS.

<link href="css/bootstrap-rtl.min.css" rel="stylesheet">

OR

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom-rtl.min.css" rel="stylesheet">

JS

Many of our components require the use of JavaScript to function. Specifically, they require jQuery, Popper.js, and our own JavaScript plugins. Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first, then Popper.js, and then our JavaScript plugins.

We use jQuery’s slim build, but the full version is also supported.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>

Starter template

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/custom-rtl.css">
    <!-- OR -->
    <link rel="stylesheet" href="css/bootstrap-rtl.min.css">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

Status

npm version Bower version Github Status Gitlab Status

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

bootstrap-rtl/
└── dist/
    ├── css/ 
    │   ├── bootstrap-rtl-grid.min.css 
    │   ├── bootstrap-rtl-reboot.min.css    
    │   ├── bootstrap-rtl.min.css   
    │   └── custom-rtl.min.css
    | 
    └── js/
        ├── bootstrap.bundle.js
        ├── bootstrap.bundle.js.map
        ├── bootstrap.bundle.min.js
        ├── bootstrap.bundle.min.js.map
        ├── bootstrap.js
        ├── bootstrap.js.map
        ├── bootstrap.min.js
        └── bootstrap.min.js.map

We provide compiled CSS and JS (bootstrap-rtl.*), as well as compiled and minified CSS and JS (bootstrap-rtl.min.*). source maps (bootstrap-rtl.*.map) are available for use with certain browsers' developer tools. Bundled JS files (bootstrap.bundle.js and minified bootstrap.bundle.min.js) include Popper, but not jQuery.

Bugs and feature requests

Have a bug or a feature request? Please first read the issue guidelines and search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.

Documentation

Using NPM scripts

Task Description
npm run dist npm run dist creates the /dist directory with compiled files.
npm run dev saving only as development dependencies
npm run watch Run scripts from package.json when files change. Builds and lints CSS and JavaScript for docs.

Learn more about build Bootstrap’s by reading its documentation.

Running documentation locally

  1. Run through the Using NPM scripts to install Jekyll (the site builder) and other Ruby dependencies with bundle install.
  2. Run npm install to install Node.js dependencies.

Learn more about using Jekyll by reading its documentation.

Previous releases and their documentation are also available for download.

Community

Get updates on Bootstrap's development and chat with the project maintainers and community members.

Versioning

Currently Project is V4.3.1

Note : As Bootstrap Upgrade To new Version , Our BT-RTL Also Will Update

Version
├── v 4.0
|   └── v 4.1
|   |
|   └── v 4.2
|   |
|   └── v 4.3
|
 

Creators

bootstrap v4.3.1

Mark Otto

Jacob Thornton

bootstrap-rtl v4.3.1

Hamid Heidarinia

Copyright and license

Code and documentation copyright 2018 the Bootstrap-rtl Authors Code released under the MIT License.