title: Breaking one big list into horizontal multi-column list Bootstrap 3
body: <p>I'm trying to break two ul lists of jobs under the two headers, "Job Categories" and "Job Function,"into multiple columns, columns not necessarily the same height, and responsive. Otherwise, the single column lists are too long. These two headers and lists should be inline (horizontal). This obviously needs to be responsive for mobile as well. </p>
  
  <p>What's the best way to do this? Visual example below:
  <img src="https://i.stack.imgur.com/jYlPI.png" alt="enter image description here"></p>