从右到左对齐Bootstrap列以支持RTL语言

Question

我正在尝试设计阿拉伯风格的表格。我使用过面板类。文本字段通常从左侧开始，但我想从右到左设计表单。

import { Index } ..

.heading {
  font-family: monospace;
  font-size: 30px;
  color: #0D91A5;
}

这是编码我正在使用class offset-6 for textfield start to right side但是另一个textfiled with same grom from another line。我想要同一行的盒子字段。

谁能告诉我我想要使用哪个课程？或者我可以更改bootsrap css文件吗？

Answer 1

要设计RTL布局，请使用Bootstrap RTL：

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

添加bootstrap-rtl.css（在bootstrap.css文件之后），它将覆盖与rtl支持相关的所有CSS属性。