Chevron Placement to the Right - Navlist

Hello, I am trying to implement a navigation list that can be found at http://twitter.imtqy.com/bootstrap/components.html#navs I looked at the source code and I tried to use my code and my own:

<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> 

As a result, I get the following:

enter image description here

How can I put chevrons to the right? Trying to pay with an offset, but the chevrons will be located differently depending on how long the line lasts.

+4
source share
1 answer

You can add the "pull-right" class to the icons:

 <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> 

Demo: http://www.bootply.com/66221

+4
source

Source: https://habr.com/ru/post/1489265/


All Articles