Align to the right NAVBAR in bootstrap 4

Navigation
2

I would like to line up Bootstrap 4 the browser to the right.

By default it is left, I tried in several ways but I could not, here I leave the code. 

<body>
    <header>
        <nav class="navbar navbar-dark">
              <a class="navbar-brand" href="#">
                <img src="/assets/brand/bootstrap-solid.svg" width="30" height="30" class="d-inline-block align-top" alt="">
                EMPRESA
            </a>
            <ul class="nav navbar-nav">
                <li class="nav-item active">
                <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                <a class="nav-link" href="#">Servicios</a>
                </li>
                <li class="nav-item">
                <a class="nav-link" href="#">Caracteristicas</a>
                </li>
                <li class="nav-item">
                <a class="nav-link" href="#">Planes</a>
                </li>
                <li class="nav-item">
                <a class="nav-link" href="#">Contacto</a>
                </li>
            </ul>
        </nav>
 <header>

    
asked by Artur 03.11.2016 в 20:59
source

2 answers

2

On the website Bootstrap 4 NavBars in the Alignment section you can occupy these classes pull-*-left or .pull-*-right 

<nav class="navbar navbar-light bg-faded">
<!-- Brand -->
<a class="navbar-brand" href="#">Logo</a>
<!-- Links -->
<ul class="nav navbar-nav pull-xs-right">
    <li class="nav-item">
        <a class="nav-link" href="#">Link 1</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">Link 2</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" href="#">Link 3</a>
    </li>
</ul>

    
answered by 03.11.2016 в 21:09
1

solve it with this code 

<ul class="navbar-nav ml-auto">
    
answered by 03.09.2017 в 21:20
Duda functions template Exception AttributeError: "'NoneType' object has no attribute 'dump'"