title: Why does Bootstrap breaks some css code?
body: <p>When I add bootsrtap the thing which is made using native css doesn't show on the right place for some unknown reason to me.
  Here is what <a href="https://puu.sh/xnjju/ad71ced198.png" rel="nofollow noreferrer">happens with bootstrap </a> and <a href="https://puu.sh/xnjvq/947723e176.png" rel="nofollow noreferrer">without</a>. The second shall happen on the first too.
  Just a note this thing shall be a population pyramid, sorted by womans(red) and males(blue) by age.</p>
  
  <p>Edit: jsfiddle.net/64mjs03f/</p>