title: Bootstrap 4 card-columns sometimes display columns different in Chrome than other browsers
body: <p>I cannot figure out why these cards in cards-column displays differently on chrome. And they are mostly displaying two columns, but not on all of my pages. </p>
  
  <p>This page specific has the issue with showing only one column, go to the tab "Meny": <a href="http://nesthus.no/vossapp/bedrift/voss-pizzeria-kebab" rel="noreferrer">http://nesthus.no/vossapp/bedrift/voss-pizzeria-kebab</a></p>
  
  <p>But in Edge and Firefox it displays two columns, as i want it to.</p>
  
  <p>However, another page, on the tab "Meny", <a href="http://nesthus.no/vossapp/bedrift/cafe-stationen" rel="noreferrer">http://nesthus.no/vossapp/bedrift/cafe-stationen</a> displays two columns in all browsers correctly including chrome. </p>
  
  <p>Problem showed in Chrome, but working in Edge:
  <a href="https://i.stack.imgur.com/YSNmA.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/YSNmA.jpg" alt="Problem showed in Chrome, but working in Edge:"></a></p>
  
  <p>But, on another page in Chrome it renders fine:
  <a href="https://i.stack.imgur.com/dj7T6.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/dj7T6.jpg" alt="While, another page in Chrome renders fine:"></a></p>