在bootstrap中设置从右到左的单选按钮

Question

我正在使用的Farsi语言是right to left.我有这个功能的几个问题Bootstrap (version 3.3.6).例如,在单选按钮中,我希望收音机放在相关标签的右侧.

<div class="row container">
  <h2>Form control: inline radio buttons</h2>
  <p>The form below contains three inline radio buttons:</p>
  <form role="form">
    <h4><font face="B Nazanin">
    <label class="radio-inline">
      <input type="radio" name="optradio">
        ????? ???
    </label>
    <label class="radio-inline">
      <input type="radio" name="optradio">
        ????? ???
    </label>
   </font></h4>
  </form>
</div>

我尝试了许多选项,如方向:"rtl",文本对齐,文本右键,右拉等,但它们不起作用.另外,我想把整个表格放在中间.

Answer 1

您只需破坏标记，将labels 放在 s 之前input，无线电inputs 就会自然地出现在其关联的右侧label。

\n\n

您的标记将如下所示：

\n\n

<div class="row container">\n  <h2>Form control: inline radio buttons</h2>\n  <p>The form below contains three inline radio buttons:</p>\n  <form role="form">\n    <h4><font face="B Nazanin">\n    <label for="id1" class="radio-inline">\n    \xda\xaf\xd8\xb2\xdb\x8c\xd9\x86\xd9\x87 \xd8\xaf\xd9\x88\xd9\x85   \n    </label> \n    <input type="radio" name="optradio" id="id1"> \n    <label for="id2" class="radio-inline">\n    \xda\xaf\xd8\xb2\xdb\x8c\xd9\x86\xd9\x87 \xd8\xa7\xd9\x88\xd9\x84     \n    </label> \n    <input type="radio" name="optradio" id="id2"> \n   </font></h4>\n  </form>\n</div>\n

\n\n

这是Bootply。

\n\n

编辑：

\n\n

您在最后一行中提到您希望整个内容居中。

\n\n

有以下三个选项：

\n\n

仅使用以下内容来居中您的内容 .container

\n\n

将文本居中text-align:center;

\n\n

使用 Bootstrap 的网格系统居中您的内容

\n