title: How could we make bootstrap rows/columns look like a table?
body: <p><a href="http://www.bootply.com/yrG6ODcA7q" rel="noreferrer">My #1 try</a> fails because of padding in col's.</p>
  
  <p><a href="http://www.bootply.com/4X2RyH3RIV" rel="noreferrer">My #2 try</a> also because I must be doing something stupid.</p>
  
  <p>Here's desired result:</p>
  
  <p><a href="https://i.stack.imgur.com/yTz6o.png" rel="noreferrer"><img src="https://i.stack.imgur.com/yTz6o.png" alt="enter image description here"></a></p>
  
  <p>Could someone help me? Please avoid rewriting bootstrap rules if possible.</p>