html中的项目对齐

我在基于html引导的页面中有一个导航栏，其中包含以下项目：

item7 item6 item5 item4 item3 item2 item1

它是波斯语的，应该从右到左排列

当它加载到手机上时，会显示如下项目：

 - item7
 - item6
 - item5
 - item4
 - item3
 - item2
 - item1

我如何以这种方式安排它们：

 - item1
 - item2
 - item3
 - item4
 - item5
 - item6
 - item7

css：

element.style {
    text-align: right;
}
.navbar-nav {
    margin: 7.5px -15px;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}

---

不要在标记中从右向左排列列表项。保持原状

  <ul class="nav navbar-nav">
      <li><a href="#">Item 1</a></li>
      <li><a href="#">Item 2</a></li>
      <li><a href="#">Item 3</a></li>
  </ul>

这样，在大屏幕上，当

nav

水平显示时，它将反转您的顺序。但是，在较小的屏幕上，当列表项折叠时，它们将保持垂直显示时的原始顺序

演示：

---

.

不要在标记中从右向左排列列表项。保持原状

  <ul class="nav navbar-nav">
      <li><a href="#">Item 1</a></li>
      <li><a href="#">Item 2</a></li>
      <li><a href="#">Item 3</a></li>
  </ul>

这样，在大屏幕上，当

nav

水平显示时，它将反转您的顺序。但是，在较小的屏幕上，当列表项折叠时，它们将保持垂直显示时的原始顺序

演示：

---

.

我建议按照@Abhitalks建议的语义顺序保留标记，但在文档级别使用RTL（从右到左）

这样，你就不必再摆弄花车了

---

有一些用于引导的RTL插件可以让您更轻松，例如：

我建议按照@Abhitalks建议的语义顺序保留标记，但在文档级别使用RTL（从右到左）

这样，你就不必再摆弄花车了

有一些用于引导的RTL插件可以让你更容易，例如…

嗨，伙计，我想通常情况下 通过应用float:right side of li，您就可以实现自己的目标

你可以这样应用它们

（您的选择器或ul）li{
float:right；//应用其他css样式
}

嗨，伙计，我想这是正常的 通过应用float:right side of li，您就可以实现自己的目标

你可以这样应用它们

（您的选择器或ul）li{
float:right；//应用其他css样式
}

检查这个@amitsigh-我认为这与海报的要求无关。。。他问的是物品的顺序，而不是款式。另外，你怎么知道海报在他的

ul

标签中没有使用该类？检查这个@amitsigh-我认为这与海报的要求没有任何关系。。。他问的是物品的顺序，而不是款式。另外，您如何知道海报在其

ul

标签中没有使用该类？