Bootstrap footer - How to align it to the right and give spacing

See Bootply for a working example.

    <footer>
      <p class="pull-left">© Company 2014</p>
      <div class="pull-right">
          <ul class="list-inline">
             <li><a href="#">Pricing</a></li>
             <li><a href="#">Contact</a></li>
             <li><a href="#">Terms</a></li>
          </ul>
      </div>
    </footer>

The list-inline utility places everything in a single line using inline-block with extra padding. It is a Bootstrap utility.

class pull-right will float them right

<footer class="pull-right">

The Class .pull-right will align the div into right corner

Try this

<footer class="pull-right">
        © Company 2014 | <a href="#">Pricing</a> | <a href="#">Contact</a> | <a href="#">Terms</a>
</footer>

This will solve your iniline display as well.

Good Day