title: Bootstrap Column Alignment with Resizing
body: <p>I'm new to web development and I'm trying to make a list using bootstrap columns so that it looks like:</p>
  
  <pre><code>    Red:    Apple
      Green:  Grass
      Blue:   Ocean
  </code></pre>
  
  <p>The problem I'm having is that if the text overflows in the right column onto the next line the left column no longer matches up with the text on the right. I thought about using a bootstrap table, but I'm not sure I like the look and the spacing.</p>
  
  <p>To get a better idea about what I'm talking about you can check my live site at <a href="http://ryanhutton.me" rel="nofollow noreferrer">website</a></p>
  
  <p>Thanks for your ideas and help.</p>