title: Bootstrap item order in multi-column item group
body: <p>I'm trying to change the order of buttons in a Bootstrap list-group. I currently have the following layout (row first).</p>
  
  <p><a href="https://i.stack.imgur.com/7wUCS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7wUCS.png" alt="enter image description here"></a></p>
  
  <p>I'm trying to achieve a column first layout, like so.</p>
  
  <p><a href="https://i.stack.imgur.com/Qkwi3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Qkwi3.png" alt="enter image description here"></a></p>
  
  <p>I'm currently re-sorting the list to make this happen, but I'm wondering if there is a more elegant approach to solve the problem.</p>
  
  <p><a href="https://www.bootply.com/pFSlgefurQ" rel="nofollow noreferrer">https://www.bootply.com/pFSlgefurQ</a></p>