Topic: direction from left side to right side
how can i switch an contents elements to right direction bcz i was created Arabic website on mdb with container and row css Technics ???
Start your code here<%@ Page Language="VB" AutoEventWireup="false" CodeFile="LogIn.aspx.vb" Inherits="MDB_Free_LogIn" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="css/bootstrap.min.css" rel="stylesheet" /> <link href="css/mdb.min.css" rel="stylesheet" /> <link href="css/style.min.css" rel="stylesheet" /> <link href="css/font-awesome.min.css" rel="stylesheet" /> </head> <body> <form id="form1" runat="server"> <!-- Material form register --> <div class="container-fluid " > <div class="row justify-content-center "> <div class="col-4"> <p class="h4 text-center mb-4">Sign up</p> <!-- Material input text --> <div class="md-form"> <i class="fa fa-user prefix grey-text"></i> <input type="text" id="materialFormRegisterNameEx" class="form-control"/> <label for="materialFormRegisterNameEx">Your name</label> </div> <!-- Material input email --> <div class="md-form"> <i class="fa fa-envelope prefix grey-text"></i> <input type="email" id="materialFormRegisterEmailEx" class="form-control"/> <label for="materialFormRegisterEmailEx">Your email</label> </div> <!-- Material input email --> <div class="md-form"> <i class="fa fa-exclamation-triangle prefix grey-text"></i> <input type="email" id="materialFormRegisterConfirmEx" class="form-control"/> <label for="materialFormRegisterConfirmEx">Confirm your email</label> </div> <!-- Material input password --> <div class="md-form"> <i class="fa fa-lock prefix grey-text"></i> <input type="password" id="materialFormRegisterPasswordEx" class="form-control"/> <label for="materialFormRegisterPasswordEx">Your password</label> </div> <div class="text-center mt-4"> <button class="btn btn-primary" type="submit">Register</button> </div> </div> </div> </div> </form> <!-- Material form register --> <!-- /Start your project here--> <!-- SCRIPTS --> <!-- JQuery --> <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> <!-- Bootstrap tooltips --> <script type="text/javascript" src="js/popper.min.js"></script> <!-- Bootstrap core JavaScript --> <script type="text/javascript" src="js/bootstrap.min.js"></script> <!-- MDB core JavaScript --> <script type="text/javascript" src="js/mdb.min.js"></script> </body> </html>
Hi,
Bootstrap currently does not support RTL Layout. You can read more on this thread: https://mdbootstrap.com/support/rtl
Thanks
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- User: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No
alzubide commented 6 years ago
plz any one help me