[英]How can I change bootstrap form direction, text right textbox left?
example of it at this link这个链接的例子
<form class="form-horizontal" role="form" action="#"> <div class="form-group"> <label class="col-sm-2 control-label">עיר</label> <div class="col-sm-10"> <input class="form-control" id="Text5" type="text"/> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">רחוב</label> <div class="col-sm-3"> <input class="form-control" id="Text6" type="text" /> </div> <label class="col-sm-2 control-label">מס'</label> <div class="col-sm-5"> <input class="form-control" type="text" /> </div> </div>
I want to change direction to be: right to left.我想改变方向:从右到左。 text- right, textbox- left
文本右,文本框左
just create a file call it bootstrap-ext-rtl.css ||只需创建一个文件,将其命名为 bootstrap-ext-rtl.css || bootstrap-ext-rtl.module.css that contains:
bootstrap-ext-rtl.module.css 包含:
.rtl { direction: rtl}
.ltr { direction: ltr}
.bidi-rtl{ direction: rtl; unicode-bidi: bidi-override }
/* with/without text-align or whatever you want :P */
您可以使用text-right类。
You can use direction: rtl;
您可以使用
direction: rtl;
on your forms child elements在您的表单子元素上
.form-horizontal * { direction: rtl; }
<form class="form-horizontal" role="form" action="#"> <div class="form-group"> <label class="col-sm-2 control-label">עיר</label> <div class="col-sm-10"> <input class="form-control" id="Text5" type="text"/> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label">רחוב</label> <div class="col-sm-3"> <input class="form-control" id="Text6" type="text" /> </div> <label class="col-sm-2 control-label">מס'</label> <div class="col-sm-5"> <input class="form-control" type="text" /> </div> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.