Bootstrap Gap Between Columns

I use bootstrap on my current project, it's working fine but only one glitch: I have 3 col-sm-6 next to each other, when the second col-sm-6 is longer than the first, third col-sm-

Solution 1:

Have you tried to apply "pull-right" to the "col-sm-6" container of "panel panel-primary outlets-panel"?

<div class="col-sm-6 pull-right">
<div class="panel panel-primary outlets-panel">
  <div class="panel-heading">
    ...

Forked Codepen

You'll still have to fix the above space of the "tasks list" container, but that should be trivial.