title: Masonry and BootStrap 3 dropdown menu
body: <p>I'm trying to use masonry within a BootStrap 3 dropdown menu.</p>
  
  <p>What I'm finding is that the following declarations:</p>
  
  <pre><code>.dropdown-menu {
    display: none;
  }
  
  .open &gt; .dropdown-menu {
    display: block;
  }
  </code></pre>
  
  <p>Are causing a conflict with Masonry in that it is unable to determine the Menus width and height to organise the elements within.</p>
  
  <p>I find if I change the above declarations to:</p>
  
  <pre><code>.dropdown-menu {
    visibility: hidden;
  }
  
  .open &gt; .dropdown-menu {
    visibility: visible;
  }
  </code></pre>
  
  <p>voila - Happy days. Issue is I'm unable to change Bootstrap.css due to it being served from the CDN in prod.</p>
  
  <p>I have tried to re-declare in my custom.css, however as I'm using visibility rather then display.. Display rule are not being overwritten.</p>
  
  <p>Has any one had similar experiences, or have any suggestions how I may be able to remove the declarations from Bootstrap.css and use the ones in my custom.css?</p>