Bootstrap Gap Between Columns

Question

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 i

Answer 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.