配售字形向右 - Navlist

Question

你好，我想实现，可以在http://twitter.github.io/bootstrap/components.html#navs找到我看了看源代码，我使用自己的代码和我自己试过navlist：

 <div class="span3 bs-docs-sidebar"> 
     <ul class="nav nav-tabs nav-stacked bs-docs-sidenav span8"> 
      <li><a href="#Variabler"><b>Variabler</b><i class="icon-chevron-right"></i></a></li> 
      <li><a href="#Datatyper"><b>Datatyper</b><i class="icon-chevron-right"></i></a></li> 
      <li><a href="#Funktioner"><b>Metoder</b><i class="icon-chevron-right"></i></a></li> 
      <li><a href="#"><b>Arrays</b><i class="icon-chevron-right"></i></a></li> 
      <li><a href="#"><b>Klasser</b><i class="icon-chevron-right"></i></a></li> 
      <li><a href="#variables"><b>HTML5</b><i class="icon-chevron-right"></i></a></li> 
      <li><a href="#variables"><b>CSS3</b><i class="icon-chevron-right"></i></a></li> 
      <li><a href="#variables"><b>jQuery</b><i class="icon-chevron-right"></i></a></li> 
      <li><a href="#variables"><b>AJAX</b><i class="icon-chevron-right"></i></a></li> 
      <li><a href="#variables"><b>PHP</b><i class="icon-chevron-right"></i></a></li> 
      <li><a href="#variables"><b>MySQL</b><i class="icon-chevron-right"></i></a></li> 
      <li><a href="#variables"><b>Twitter Bootstrap</b><i class="icon-chevron-right"></i></a></li> 
     </ul> 
    </div> 

结果我得到的是这样的：

我怎样才能把人字形向右？试图付出与偏移量，但人字形将取决于多久，字符串的位置不同。

Answer 1

您可以在 '右拉' 类添加到图标：

<ul class="nav nav-tabs nav-stacked bs-docs-sidenav span8"> 
    <li><a href="#Variabler"><b>Variabler</b><i class="icon-chevron-right pull-right"></i></a></li> 
    <li><a href="#Datatyper"><b>Datatyper</b><i class="icon-chevron-right pull-right"></i></a></li> 
    <li><a href="#Funktioner"><b>Metoder</b><i class="icon-chevron-right pull-right"></i></a></li> 
    ... 
</ul> 

演示：http://www.bootply.com/66221