如何更改引导程序表单方向，文本右侧文本框左侧？

Question

此链接中的示例

\n\n

\r\n

\r\n

<form class="form-horizontal" role="form" action="#">\r\n  <div class="form-group">\r\n    <label class="col-sm-2 control-label">\xd7\xa2\xd7\x99\xd7\xa8</label>\r\n    <div class="col-sm-10">\r\n      <input class="form-control" id="Text5" type="text"/>\r\n    </div>\r\n  </div>\r\n  <div class="form-group">\r\n    <label class="col-sm-2 control-label">\xd7\xa8\xd7\x97\xd7\x95\xd7\x91</label>\r\n    <div class="col-sm-3">\r\n      <input class="form-control" id="Text6" type="text" />\r\n    </div>\r\n    <label class="col-sm-2 control-label">\xd7\x9e\xd7\xa1\'</label>\r\n    <div class="col-sm-5">\r\n      <input class="form-control" type="text" />\r\n    </div>\r\n  </div>

\r\n

\r\n

\r\n

\n\n

我想将方向更改为：从右到左。\n文本-右，文本框-左

\n

Answer 1

您可以使用direction: rtl;您可以在表单上

\n\n

\r\n

\r\n

.form-horizontal * {\r\n  direction: rtl;\r\n}

\r\n

<form class="form-horizontal" role="form" action="#">\r\n  <div class="form-group">\r\n    <label class="col-sm-2 control-label">\xd7\xa2\xd7\x99\xd7\xa8</label>\r\n    <div class="col-sm-10">\r\n      <input class="form-control" id="Text5" type="text"/>\r\n    </div>\r\n  </div>\r\n  <div class="form-group">\r\n    <label class="col-sm-2 control-label">\xd7\xa8\xd7\x97\xd7\x95\xd7\x91</label>\r\n    <div class="col-sm-3">\r\n      <input class="form-control" id="Text6" type="text" />\r\n    </div>\r\n    <label class="col-sm-2 control-label">\xd7\x9e\xd7\xa1\'</label>\r\n    <div class="col-sm-5">\r\n      <input class="form-control" type="text" />\r\n    </div>\r\n  </div>

\r\n

\r\n

\r\n

\n