title: How to right align element using bootstrap 3.0?
body: <p>I need to put element to the right side of page.</p>
  
  <p>This element:</p>
  
  <p><img src="https://i.stack.imgur.com/xeXf9.png" alt="element"></p>
  
  <p>To the right side of page. Like this:</p>
  
  <p><img src="https://i.stack.imgur.com/vf4PH.png" alt="enter image description here"></p>
  
  <p>I found only <code>pull-right</code> helper class, but I have been realizing, it wouldn't help me, because it based on <code>float</code>. So I started research and first result in google is <a href="https://stackoverflow.com/questions/15422134/how-do-i-right-align-an-element-using-twitter-bootstrap">this result</a>. It says, that I should use <code>pull-right</code>. Well, I tried... </p>
  
  <p>I tried this:</p>
  
  <pre><code>&lt;a href="#" class="btn btn-default btn-lg pull-right" role="button"&gt;&lt;span class="glyphicon glyphicon-plus"&gt;&lt;/span&gt; Создать заказ&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  
  <p>I got this obvious result:</p>
  
  <p><img src="https://i.stack.imgur.com/fZ6aI.png" alt="enter image description here"></p>
  
  <p>You can see that third <code>heading</code> in upper row is displaced. </p>
  
  <p>So what exactly I need to do right align any element using bootstrap api? </p>
  
  <p>I understand, that I can search <code>how to center/left/right div</code> and I will find some working results, but it will be <strong>not</strong> bootstrap solution.</p>