title: Bootstrap modal restores button focus on close
body: <p>I am in very difficult struggle with one effect, which I believe is wanted in Bootstrap, but I want to escape. I have button:</p>
  
  <pre><code>&lt;a data-toggle="modal" data-target="#video" class="btn btn-primary btn-lg" href="#"&gt;Video&lt;i class="pe-7s-angle-right pe-2x pe-va" style="line-height: 0.3;"&gt;&lt;/i&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Which opens modal window with some video:</p>
  
  <pre><code>&lt;div class="modal fade video-lightbox in" id="video" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: block;"&gt;&lt;div class="modal-backdrop fade in" style="height: 442px;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>So when I close the modal, my button gets in focus automatically. Is this effect wanted in Bootstrap and how can I escape it ? I don`t want my button to be in focus after closing the modal.</p>